@font-face{font-family:'SJ_R'; src:url('/font/SJ_R.ttf'); }
@font-face{font-family:'SJ_R'; src:url('/font/SJJungR.woff');  }

@media screen and (min-width:1201px) {
container{display:block;position:relative;min-width:1330px; margin-top:70px; }
wrap{background:#eff2f7;position:relative;}
wrap,content{display:block;}
.hidden{visibility:hidden;width:0;height:0;font-size:0;display:block;}


/* 메인페이지 상단 */
.main_hd { position:fixed; z-index:110; border-bottom:1px solid #ccc; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:100%; top:0px; left:0px; background-color:#ffffff; height:70px; }
header .header_inner{position:relative;width:1280px; margin:0 auto; }
header .header_inner .logo{ float:left; height:70px; line-height:70px; }
header .header_inner .logo>a{display:block;}
header .header_inner .logo img { height:40px; }

header.main_hd nav { float:left; margin-left:50px; }
header.main_hd nav .navtoggle{display:none;}
header.main_hd nav .innerset{position:relative;}
header.main_hd nav .innerset .navlist { position:relative; display:inline-block;}
header.main_hd nav .navlist { display:inline-block;vertical-align:middle;font-size:0;}
header.main_hd nav .navlist>li { position:relative;display:inline-block;float:left; margin-right:10px; height:70px; }
header.main_hd nav .navlist>li+li {margin-left:0;}
header.main_hd nav .navlist>li>a {position:relative;display:block;height:70px;line-height:70px;padding:0 15px;z-index:10;font-size:16px; font-weight:500;letter-spacing: 0; text-decoration:none; color:#000;
  -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease;
  transition: letter-spacing 0.3s ease, color 0.3s ease;}
header.main_hd nav .navlist>li.on>a,nav .navlist>li>a:hover{ color:#09F; letter-spacing:1px; }
header.main_hd nav .dp2 { background:#fff;border-bottom:1px solid #d2d2d2;position:absolute; top: 100%;
  left:50%; padding:65px 0 0;visibility:hidden;opacity:0;display: none;z-index: 1000; padding: 0 0;list-style: none;min-width:120px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.main_hd nav .dp2>li { text-align:center; position:relative; line-height:30px; }
header.main_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px;font-size:13px; color:#666; border:1px solid #d2d2d2;border-width:0 1px; color:black; text-decoration:none; }
header.main_hd nav .dp2>li:first-child>a { border-top:1px solid #d2d2d2; }
header.main_hd nav .dp2>li > a:hover { background:#e2e2e2; color: black; }
header.main_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 
header.main_hd nav .navlist > li:hover .dp2 { display:block; }

header.main_hd .gnb { float:right; height:70px; line-height:70px; font-size:0;padding:0; margin:auto; vertical-align:middle; }
header.main_hd .gnb #logins { float:left; margin-top:5px; }
header.main_hd .gnb #logins a { font-size:13px; display:inline-block; margin:0 10px; color:#000; }
header.main_hd .gnb #slink { float:left; padding:0 25px; position:relative; cursor:pointer; }
header.main_hd .gnb #slink div { position:absolute; top:60px; background-color:#fff; width:220px; line-height:18px; left:50%; margin-left:-110px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.main_hd .gnb #slink div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.main_hd .gnb #slink div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.main_hd .gnb #slink div ul:hover { background-color:#eee; }
header.main_hd .gnb #slink div ul li { padding-left:40px; }
header.main_hd .gnb #slink div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.main_hd .gnb #slink div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.main_hd .gnb #slink div ul span { position:absolute; top:50%; left:10px; margin-top:-15px; }
header.main_hd .gnb #langs { float:left; position:relative; cursor:pointer; }
header.main_hd .gnb #langs > span { display:block; background-image:url(/img/gnb_bg.gif); background-position:center right; background-repeat:no-repeat; padding-right:15px; }
header.main_hd .gnb #langs div { position:absolute; top:60px; background-color:#fff; width:200px; line-height:18px; left:50%; margin-left:-100px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.main_hd .gnb #langs div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.main_hd .gnb #langs div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.main_hd .gnb #langs div ul:hover { background-color:#eee; }
header.main_hd .gnb #langs div ul li { padding-left:40px; }
header.main_hd .gnb #langs div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.main_hd .gnb #langs div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.main_hd .gnb #langs div ul span { position:absolute; top:50%; left:10px; margin-top:-10px; }

header.main_hd .innerset #mobile_modify { display:none; }

/* 서브페이지 상단 */
header.sub_hd { position:fixed; z-index:110; box-shadow:3px 3px 3px rgba(0,0,0,0.3); width:100%; top:0px; left:0px; background-color:#ffffff; height:70px; }
header .header_inner{position:relative;width:1280px; margin:0 auto; }
header .header_inner .logo{ float:left; height:70px; line-height:70px; }
header .header_inner .logo>a{display:block;}
header .header_inner .logo>a>img{*margin-top: -15px; height:50px; }

header.sub_hd nav { float:left; margin-left:50px; }
header.sub_hd nav .navtoggle{display:none;}
header.sub_hd nav .innerset{position:relative;}
header.sub_hd nav .innerset .navlist { position:relative; display:inline-block;}
header.sub_hd nav .navlist { display:inline-block;vertical-align:middle;font-size:0;}
header.sub_hd nav .navlist>li { position:relative;display:inline-block;float:left; margin-right:10px; height:70px; }
header.sub_hd nav .navlist>li+li {margin-left:0;}
header.sub_hd nav .navlist>li>a {position:relative;display:block;height:70px;line-height:70px;padding:0 15px;z-index:10;font-size:16px; font-weight: 500;letter-spacing: 0; color:#000;
  -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease;
  transition: letter-spacing 0.3s ease, color 0.3s ease;}
header.sub_hd nav .navlist>li.on>a,nav .navlist>li>a:hover{ color:#09F; letter-spacing:1px; }
header.sub_hd nav .dp2 { background:#fff;border-bottom:1px solid #d2d2d2;position:absolute; top: 100%;
  left:50%; padding:65px 0 0;visibility:hidden;opacity:0;display: none;z-index: 1000; padding: 0 0;list-style: none;min-width:120px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.sub_hd nav .dp2>li { text-align:center; position:relative; line-height:30px; }
header.sub_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px; font-size:13px; color:#666; border:1px solid #d2d2d2;border-width:0 1px; color:black; }
header.sub_hd nav .dp2>li:first-child>a { border-top:1px solid #d2d2d2; }
header.sub_hd nav .dp2>li > a:hover { background:#e2e2e2; color: black; }
header.sub_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 
header.sub_hd nav .navlist > li:hover .dp2 { display:block; }

header.sub_hd .gnb { float:right; height:70px; line-height:70px; font-size:0;padding:0; margin:auto; vertical-align:middle; }
header.sub_hd .gnb #logins { float:left; margin-top:5px; }
header.sub_hd .gnb #logins a { font-size:13px; display:inline-block; margin:0 10px; color:#000; }
header.sub_hd .gnb #slink { float:left; padding:0 25px; position:relative; cursor:pointer; }
header.sub_hd .gnb #slink div { position:absolute; top:60px; background-color:#fff; width:220px; line-height:18px; left:50%; margin-left:-110px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.sub_hd .gnb #slink div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.sub_hd .gnb #slink div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.sub_hd .gnb #slink div ul:hover { background-color:#eee; }
header.sub_hd .gnb #slink div ul li { padding-left:40px; }
header.sub_hd .gnb #slink div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.sub_hd .gnb #slink div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.sub_hd .gnb #slink div ul span { position:absolute; top:50%; left:10px; margin-top:-15px; }
header.sub_hd .gnb #langs { float:left; position:relative; cursor:pointer; }
header.sub_hd .gnb #langs > span { display:block; background-image:url(/img/gnb_bg.gif); background-position:center right; background-repeat:no-repeat; padding-right:15px; }
header.sub_hd .gnb #langs div { position:absolute; top:60px; background-color:#fff; width:200px; line-height:18px; left:50%; margin-left:-100px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.sub_hd .gnb #langs div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.sub_hd .gnb #langs div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.sub_hd .gnb #langs div ul:hover { background-color:#eee; }
header.sub_hd .gnb #langs div ul li { padding-left:40px; }
header.sub_hd .gnb #langs div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.sub_hd .gnb #langs div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.sub_hd .gnb #langs div ul span { position:absolute; top:50%; left:10px; margin-top:-10px; }

header.sub_hd .innerset #mobile_modify { display:none; }

#gnb_open { display:none; }
#user_btn { display:none; }

.titset.ct.mflex { padding:0; }
.titset.ct.mflex h2 { display:none; }

.titset{position:relative; }
.titset.ct{text-align:center}
.titset.rt{text-align:right}
.titset .pos_rt{position:absolute;right:0;top:0}
.titset .pos_rt .can-toggle{right:41px;top:14px}
.titset.icon .hd2{display:inline-block;vertical-align:middle}
.titset .reload{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(../img/refresh.png) no-repeat 0 0;background-size:100%;margin-left:5px}

.section { margin:0px; }
.section.wht{background:#fff;padding:0 20px; }
.section.wht+.section{ }

.frm_write{border-top:2px solid #06F; border-radius:8px 8px 0 0; background:#fff}
.frm_write .frm_list>li{display:flex;width:100%;border-bottom:1px solid #d4d3d3}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(1){width:inherit}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(2),.frm_write .frm_list>li.bound_date .frm_clm:nth-child(3){width:calc(100%/2)}
.frm_write .frm_list>li .frm_clm{display:inline-block}
.frm_write .frm_list>li .frm_clm.col1{width:calc(100%/1)}
.frm_write .frm_list>li .frm_clm.col2{width:calc(100%/2)}
.frm_write .frm_list>li .frm_clm.col3{width:calc(100%/3)}
.frm_write .dlist{display:table;width:100%;height:100%}
.frm_write .dlist>dt,.frm_write .dlist>dd{padding:10px;display:table-cell;vertical-align:middle}
.frm_write .dlist>dd.txtrow{padding:15px 0}
.frm_write .dlist>dd.txtrow .row{padding:15px;border-bottom:1px solid #d4d3d3}
.frm_write .dlist>dd.txtrow .row:last-child{border-bottom:none}
.frm_write .dlist>dt{width:90px;text-align:center;background:#f8f8f8}
.frm_write .dlist>dd{}
.frm_write .dlist>dd .inputset.rdo,.frm_write .dlist>dd .inputset.ckbox{width:auto}
.frm_write .dlist>dd .row+.row{margin-top:10px}
.frm_write .dlist>dd .row.pc_inline{display:inline-block;vertical-align:middle}
.frm_write .dlist>dd .row.pc_inline+.row.pc_inline{margin-top:0}
.frm_write .dlist>dd .row.pc_inline .inputdate .inputset+.btn{vertical-align:top}
.frm_write .dlist>dd .row .inputset,.frm_write .dlist>dd .row input{vertical-align:top}
.frm_write .dlist>dd .sbj_col3_outer{overflow:hidden;margin:-10px 0 0 -20px;padding:0}
.frm_write .dlist>dd .sbj_col3{float:left;margin:10px 0 0 20px}
.frm_write .dlist>dd .sbj_col3 .stxt{margin-bottom:10px}
.frm_write .dlist>dd .sbj_col3 .inputset{width:inherit}
.frm_write .dlist>dd .inputset+.btn{margin-left:10px}
.frm_write .dlist>dd .box_insertimg .inputset+.btn{margin-left:0}
.frm_write .dlist>dd .input_col .flag{line-height:42px;display:inline-block;padding:0 10px}
.frm_write .dlist>dd .stxt{font-weight:400}
.frm_write .dlist>dd .stxt.sm{font-size:.875em;color:#666}
.frm_write .dlist>dd .input_col .stxt{}
.frm_write .dlist>dd .input_col .stxt.ty1{min-width:100px}
.frm_write .dlist>dd .input_col .stxt+.inputset,.frm_write .dlist>dd .input_col .stxt+.inputdate,.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{margin-left:5px}
.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col .inputdate+.inputset,.frm_write .dlist>dd .input_col .inputset+.stxt,.frm_write .dlist>dd .input_col .inputdate+.stxt{margin-left:20px}
.frm_write .dlist>dd .input_col .inputdate{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col.reverse .stxt+.inputset{margin-left:20px}
.frm_write .dlist>dd .input_col.reverse .inputset+.stxt{margin-left:5px}
.frm_write .dlist>dd .inputset.txt{display:flex}
.frm_write .dlist>dd .inputset.txt input{flex:1}
.frm_write .dlist>dd .inputset.txt .txt_sub{vertical-align:middle}
.frm_write .dlist>dd .txtinfo{font-size:.75em;margin-top:5px}
.frm_write .dlist>dd .wgrid1{width:300px}
.frm_write .dlist>dd .wgrid2{width:150px}
.frm_write .frm_list>li .frm_clm.col1 .dlist>dt,.frm_write .frm_list>li .frm_clm.col2 .dlist>dt{width:150px}
.frm_write .dlist>dd label .inputset{width:auto}
.frm_write .dlist>dd .t_list{box-shadow:none}
.frm_write .dlist>dd .t_list td .inputset{vertical-align:middle}
.frm_write .dlist>dd .t_list td .btn{padding:8px 10px 7px}
.frm_write .dlist>dd .t_list td .btn .ico.more{}
.frm_write .dlist>dd .t_list td .btn .ico.more:before{width:14px;height:14px;background-size:84px 14px;background-position:-70px 0}
.frm_write .dlist>dd .stxt+.slink,.frm_write .dlist>dd label+.slink{margin-top:15px}
.frm_write .dlist>dd .input_col .inputset{display:inline-block;flex:none}
.frm_write .dlist>dd .input_col.file{display:flex}
.frm_write.ty1 .inputset{}
.frm_write.ty1 .inputset input,.frm_write.ty1 .inputset select{height:28px}
.frm_write.ty1 .btn{padding:0 10px;height:30px;line-height:30px;font-size:.875em}

footer { background-color:#222; }
footer .footerinfo { background-color:#c9c9c9; height:60px; line-height:60px; }
footer .footerinfo ul { width:1200px; margin:auto; }
footer .footer-logo { float:left; padding:0; }
footer .footer-logo img { height:35px; vertical-align:middle; }
footer .footer-link { float:right; }
footer .footer-link a { display:inline-block; text-decoration:none; color:#666; text-align:center; padding:0 20px; }
footer .footer-bottom { padding:30px 0; width:1200px; margin:auto; color:#fff; text-align:center; }
}

@media screen and (max-width:1200px) and (min-width:901px) {
container{ position:relative; margin-top:70px; }
wrap{background:#eff2f7;position:relative; }
.hidden{visibility:hidden;width:0;height:0;font-size:0;display:block;}


/* 메인페이지 상단 */
.main_hd { position:fixed; z-index:110; border-bottom:1px solid #ccc; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:100%; top:0px; left:0px; background-color:#ffffff; height:70px; }
header .header_inner{position:relative; margin:0 auto; }
header .header_inner .logo{ float:left; height:70px; line-height:70px; }
header .header_inner .logo>a{display:block;}
header .header_inner .logo img { height:30px; }

header.main_hd nav { float:left; margin-left:25px; }
header.main_hd nav .navtoggle{display:none;}
header.main_hd nav .innerset{position:relative;}
header.main_hd nav .innerset .navlist { position:relative; display:inline-block;}
header.main_hd nav .navlist { display:inline-block;vertical-align:middle;font-size:0;}
header.main_hd nav .navlist>li { position:relative;display:inline-block;float:left; margin-right:10px; height:70px; }
header.main_hd nav .navlist>li+li {margin-left:0;}
header.main_hd nav .navlist>li>a {position:relative;display:block;height:70px;line-height:70px;padding:0 10px;z-index:10;font-size:16px; font-weight:500;letter-spacing: 0; text-decoration:none; color:#fff;
  -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease;
  transition: letter-spacing 0.3s ease, color 0.3s ease;}
header.main_hd nav .navlist>li.on>a,nav .navlist>li>a:hover{ color:#09F; letter-spacing:1px; }
header.main_hd nav .dp2 { background:#fff;border-bottom:1px solid #d2d2d2;position:absolute; top: 100%;
  left:50%; padding:65px 0 0;visibility:hidden;opacity:0;display: none;z-index: 1000; padding: 0 0;list-style: none;min-width:120px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.main_hd nav .dp2>li { text-align:center; position:relative; line-height:30px; }
header.main_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px;font-size:13px; color:#666; border:1px solid #d2d2d2;border-width:0 1px; color:black; text-decoration:none; }
header.main_hd nav .dp2>li:first-child>a { border-top:1px solid #d2d2d2; }
header.main_hd nav .dp2>li > a:hover { background:#e2e2e2; color: black; }
header.main_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 
header.main_hd nav .navlist > li:hover .dp2 { display:block; }

header.main_hd .gnb { float:right; height:70px; line-height:70px; font-size:0;padding:0; margin:auto; vertical-align:middle; }
header.main_hd .gnb #logins { float:left; }
header.main_hd .gnb #logins a { font-size:13px; display:inline-block; margin:0 10px; color:#fff; }
header.main_hd .gnb #slink { float:left; padding:0 25px; position:relative; cursor:pointer; }
header.main_hd .gnb #slink div { position:absolute; top:60px; background-color:#fff; width:220px; line-height:18px; left:50%; margin-left:-110px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.main_hd .gnb #slink div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.main_hd .gnb #slink div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.main_hd .gnb #slink div ul:hover { background-color:#eee; }
header.main_hd .gnb #slink div ul li { padding-left:40px; }
header.main_hd .gnb #slink div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.main_hd .gnb #slink div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.main_hd .gnb #slink div ul span { position:absolute; top:50%; left:10px; margin-top:-15px; }
header.main_hd .gnb #langs { float:left; position:relative; cursor:pointer; }
header.main_hd .gnb #langs > span { display:block; background-image:url(/img/gnb_bg.gif); background-position:center right; background-repeat:no-repeat; padding-right:15px; }
header.main_hd .gnb #langs div { position:absolute; top:60px; background-color:#fff; width:200px; line-height:18px; left:50%; margin-left:-100px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.main_hd .gnb #langs div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.main_hd .gnb #langs div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.main_hd .gnb #langs div ul:hover { background-color:#eee; }
header.main_hd .gnb #langs div ul li { padding-left:40px; }
header.main_hd .gnb #langs div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.main_hd .gnb #langs div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.main_hd .gnb #langs div ul span { position:absolute; top:50%; left:10px; margin-top:-10px; }

header.main_hd .innerset #mobile_modify { display:none; }

/* 서브페이지 상단 */
header.sub_hd { position:fixed; z-index:110; box-shadow:3px 3px 3px rgba(0,0,0,0.3); width:100%; top:0px; left:0px; background-color:#ffffff; height:70px; }
header .header_inner{position:relative; margin:0 auto; }
header .header_inner .logo{ float:left; height:70px; line-height:70px; }
header .header_inner .logo>a{display:block;}
header .header_inner .logo>a>img{ height:30px; }

header.sub_hd nav { float:left; margin-left:25px; }
header.sub_hd nav .navtoggle{display:none;}
header.sub_hd nav .innerset{position:relative;}
header.sub_hd nav .innerset .navlist { position:relative; display:inline-block;}
header.sub_hd nav .navlist { display:inline-block;vertical-align:middle;font-size:0;}
header.sub_hd nav .navlist>li { position:relative;display:inline-block;float:left; margin-right:10px; height:70px; }
header.sub_hd nav .navlist>li+li {margin-left:0;}
header.sub_hd nav .navlist>li>a {position:relative;display:block;height:70px;line-height:70px;padding:0 10px;z-index:10;font-size:16px; font-weight: 500;letter-spacing: 0; color:#fff;
  -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease;
  transition: letter-spacing 0.3s ease, color 0.3s ease;}
header.sub_hd nav .navlist>li.on>a,nav .navlist>li>a:hover{ color:#09F; letter-spacing:1px; }
header.sub_hd nav .dp2 { background:#fff;border-bottom:1px solid #d2d2d2;position:absolute; top: 100%;
  left:50%; padding:65px 0 0;visibility:hidden;opacity:0;display: none;z-index: 1000; padding: 0 0;list-style: none;min-width:120px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.sub_hd nav .dp2>li { text-align:center; position:relative; line-height:30px; }
header.sub_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px; font-size:13px; color:#666; border:1px solid #d2d2d2;border-width:0 1px; color:black; }
header.sub_hd nav .dp2>li:first-child>a { border-top:1px solid #d2d2d2; }
header.sub_hd nav .dp2>li > a:hover { background:#e2e2e2; color: black; }
header.sub_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 
header.sub_hd nav .navlist > li:hover .dp2 { display:block; }

header.sub_hd .gnb { float:right; height:70px; line-height:70px; font-size:0;padding:0; margin:auto; vertical-align:middle; }
header.sub_hd .gnb #logins { float:left; }
header.sub_hd .gnb #logins a { font-size:13px; display:inline-block; margin:0 10px; color:#fff; }
header.sub_hd .gnb #slink { float:left; padding:0 25px; position:relative; cursor:pointer; }
header.sub_hd .gnb #slink div { position:absolute; top:60px; background-color:#fff; width:220px; line-height:18px; left:50%; margin-left:-110px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.sub_hd .gnb #slink div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.sub_hd .gnb #slink div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.sub_hd .gnb #slink div ul:hover { background-color:#eee; }
header.sub_hd .gnb #slink div ul li { padding-left:40px; }
header.sub_hd .gnb #slink div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.sub_hd .gnb #slink div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.sub_hd .gnb #slink div ul span { position:absolute; top:50%; left:10px; margin-top:-15px; }
header.sub_hd .gnb #langs { float:left; position:relative; cursor:pointer; }
header.sub_hd .gnb #langs > span { display:block; background-image:url(/img/gnb_bg.gif); background-position:center right; background-repeat:no-repeat; padding-right:15px; }
header.sub_hd .gnb #langs div { position:absolute; top:60px; background-color:#fff; width:200px; line-height:18px; left:50%; margin-left:-100px; border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.1); box-sizing:border-box; display:none; }
header.sub_hd .gnb #langs div h2 { padding:8px; text-align:center; color:#666; border-bottom:1px solid #eee; line-height:18px; font-size:12px; }
header.sub_hd .gnb #langs div ul { position:relative; padding:10px; margin:0; border-bottom:1px solid #ddd; }
header.sub_hd .gnb #langs div ul:hover { background-color:#eee; }
header.sub_hd .gnb #langs div ul li { padding-left:40px; }
header.sub_hd .gnb #langs div ul li h5 { color:#333; font-weight:bold; line-height:16px; clear:both; width:100%; position:relative; font-size:12px; text-indent:inherit; }
header.sub_hd .gnb #langs div ul li p { color:#666; line-height:16px; clear:both; width:100%; position:relative; font-size:11px; text-indent:inherit; }
header.sub_hd .gnb #langs div ul span { position:absolute; top:50%; left:10px; margin-top:-10px; }

header.sub_hd #mobile_modify { display:none; }

#gnb_open { display:none; }
#user_btn { display:none; }

.titset.ct.mflex { padding:30px 0 0; }
.titset.ct.mflex h2 { display:none; }

.titset{position:relative; }
.titset.ct{text-align:center}
.titset.rt{text-align:right}
.titset .pos_rt{position:absolute;right:0;top:0}
.titset .pos_rt .can-toggle{right:41px;top:14px}
.titset.icon .hd2{display:inline-block;vertical-align:middle}
.titset .reload{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(../img/refresh.png) no-repeat 0 0;background-size:100%;margin-left:5px}

.section { margin:0px; }
.section.wht{background:#fff;padding:20px}
.section.wht+.section{margin-top:20px}

.frm_write{border-top:2px solid #06F; border-radius:8px 8px 0 0; background:#fff}
.frm_write .frm_list>li{display:flex;width:100%;border-bottom:1px solid #d4d3d3}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(1){width:inherit}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(2),.frm_write .frm_list>li.bound_date .frm_clm:nth-child(3){width:calc(100%/2)}
.frm_write .frm_list>li .frm_clm{display:inline-block}
.frm_write .frm_list>li .frm_clm.col1{width:calc(100%/1)}
.frm_write .frm_list>li .frm_clm.col2{width:calc(100%/2)}
.frm_write .frm_list>li .frm_clm.col3{width:calc(100%/3)}
.frm_write .dlist{display:table;width:100%;height:100%}
.frm_write .dlist>dt,.frm_write .dlist>dd{padding:10px;display:table-cell;vertical-align:middle}
.frm_write .dlist>dd.txtrow{padding:15px 0}
.frm_write .dlist>dd.txtrow .row{padding:15px;border-bottom:1px solid #d4d3d3}
.frm_write .dlist>dd.txtrow .row:last-child{border-bottom:none}
.frm_write .dlist>dt{width:90px;text-align:center;background:#f8f8f8}
.frm_write .dlist>dd{}
.frm_write .dlist>dd .inputset.rdo,.frm_write .dlist>dd .inputset.ckbox{width:auto}
.frm_write .dlist>dd .row+.row{margin-top:10px}
.frm_write .dlist>dd .row.pc_inline{display:inline-block;vertical-align:middle}
.frm_write .dlist>dd .row.pc_inline+.row.pc_inline{margin-top:0}
.frm_write .dlist>dd .row.pc_inline .inputdate .inputset+.btn{vertical-align:top}
.frm_write .dlist>dd .row .inputset,.frm_write .dlist>dd .row input{vertical-align:top}
.frm_write .dlist>dd .sbj_col3_outer{overflow:hidden;margin:-10px 0 0 -20px;padding:0}
.frm_write .dlist>dd .sbj_col3{float:left;margin:10px 0 0 20px}
.frm_write .dlist>dd .sbj_col3 .stxt{margin-bottom:10px}
.frm_write .dlist>dd .sbj_col3 .inputset{width:inherit}
.frm_write .dlist>dd .inputset+.btn{margin-left:10px}
.frm_write .dlist>dd .box_insertimg .inputset+.btn{margin-left:0}
.frm_write .dlist>dd .input_col .flag{line-height:42px;display:inline-block;padding:0 10px}
.frm_write .dlist>dd .stxt{font-weight:400}
.frm_write .dlist>dd .stxt.sm{font-size:.875em;color:#666}
.frm_write .dlist>dd .input_col .stxt{}
.frm_write .dlist>dd .input_col .stxt.ty1{min-width:100px}
.frm_write .dlist>dd .input_col .stxt+.inputset,.frm_write .dlist>dd .input_col .stxt+.inputdate,.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{margin-left:5px}
.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col .inputdate+.inputset,.frm_write .dlist>dd .input_col .inputset+.stxt,.frm_write .dlist>dd .input_col .inputdate+.stxt{margin-left:20px}
.frm_write .dlist>dd .input_col .inputdate{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col.reverse .stxt+.inputset{margin-left:20px}
.frm_write .dlist>dd .input_col.reverse .inputset+.stxt{margin-left:5px}
.frm_write .dlist>dd .inputset.txt{display:flex}
.frm_write .dlist>dd .inputset.txt input{flex:1}
.frm_write .dlist>dd .inputset.txt .txt_sub{vertical-align:middle}
.frm_write .dlist>dd .txtinfo{font-size:.75em;margin-top:5px}
.frm_write .dlist>dd .wgrid1{width:300px}
.frm_write .dlist>dd .wgrid2{width:150px}
.frm_write .frm_list>li .frm_clm.col1 .dlist>dt,.frm_write .frm_list>li .frm_clm.col2 .dlist>dt{width:150px}
.frm_write .dlist>dd label .inputset{width:auto}
.frm_write .dlist>dd .t_list{box-shadow:none}
.frm_write .dlist>dd .t_list td .inputset{vertical-align:middle}
.frm_write .dlist>dd .t_list td .btn{padding:8px 10px 7px}
.frm_write .dlist>dd .t_list td .btn .ico.more{}
.frm_write .dlist>dd .t_list td .btn .ico.more:before{width:14px;height:14px;background-size:84px 14px;background-position:-70px 0}
.frm_write .dlist>dd .stxt+.slink,.frm_write .dlist>dd label+.slink{margin-top:15px}
.frm_write .dlist>dd .input_col .inputset{display:inline-block;flex:none}
.frm_write .dlist>dd .input_col.file{display:flex}
.frm_write.ty1 .inputset{}
.frm_write.ty1 .inputset input,.frm_write.ty1 .inputset select{height:28px}
.frm_write.ty1 .btn{padding:0 10px;height:30px;line-height:30px;font-size:.875em}

footer { background-color:#222; }
footer .footerinfo { background-color:#c9c9c9; height:60px; line-height:60px; }
footer .footerinfo ul { margin:auto; }
footer .footer-logo { float:left; padding:0; }
footer .footer-logo img { height:35px; vertical-align:middle; }
footer .footer-link { float:right; }
footer .footer-link a { display:inline-block; text-decoration:none; color:#666; text-align:center; padding:0 20px; }
footer .footer-bottom { padding:30px 0; margin:auto; color:#fff; text-align:center; }
}

@media screen and (max-width:900px) {
/* 메인페이지 상단 */
.main_hd { position:fixed; z-index:110; border-bottom:1px solid #ccc; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:100%; top:0px; left:0px; background-color:#ffffff; height:70px; }
header .header_inner{position:relative; margin:0 auto; }
header .header_inner .logo{  text-align:center; margin:0px; padding:0px; overflow:hidden; }
header .header_inner .logo>a{ display:inlin-block; height:70px; line-height:80px; margin:0px; padding:0px; }
header .header_inner .logo img { height:35px; margin:0px; padding:0px; vertical-align:middle; }
header.main_hd .logo #gnb_open {position:absolute;top:20px; left:10px;padding:0 10px;height:30px;width:30px;border:0; color:#000; font-size:28px; cursor:pointer; background-color:transparent; margin:0px; }
header.main_hd .logo #user_btn {position:absolute;top:20px; right:10px;padding:0;height:30px; line-height:30px; width:50px;border:0; color:#000;font-size:12px;background:#000; margin:0px; border-radius:5px; }

header.main_hd nav { display:none; position:fixed; background-color:#fff; width:60%; height:100%; top:0px; left:0px; overflow:scroll; }
header.main_hd nav .navtoggle { position:fixed; background-color:rgba(0,0,0,0.7); width:40%; height:100%; top:0px; right:0px; }
header.main_hd nav .innerset{position:relative;}
header.main_hd nav .innerset .navlist { position:relative; }
header.main_hd nav .navlist { vertical-align:middle;font-size:0; padding:0px; margin:0px; }
header.main_hd nav .navlist>li { position:relative; border-bottom:1px solid #ddd; }
header.main_hd nav .navlist>li+li {margin-left:0;}
header.main_hd nav .navlist>li>a {position:relative;display:block;height:70px;line-height:70px;padding:0 15px;z-index:10;font-size:16px; font-weight:500;letter-spacing: 0; text-decoration:none; color:#000; }
header.main_hd nav .dp2 { background:#333; visibility:hidden;opacity:0; display: none; z-index:1000; padding:0;list-style: none; position:relative; }
header.main_hd nav .dp2>li { text-align:center; position:relative; border-bottom:1px solid #444; line-height:30px; }
header.main_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px;font-size:13px; color:#000; text-decoration:none; }
header.main_hd nav .dp2>li > a:hover { background:#ff5400; color:#000; }
header.main_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 

header.main_hd .gnb { display:none; }


/* 서브페이지 상단 */
header.sub_hd { position:fixed; z-index:1000; box-shadow:3px 3px 3px rgba(0,0,0,0.3); width:100%; top:0px; left:0px; background-color:#ffffff; height:60px; }

header.sub_hd .logo #gnb_open {position:absolute;top:15px; left:10px;padding:0 10px;height:30px;width:30px;border:0; color:#fff; font-size:28px; cursor:pointer; background-color:transparent; margin:0px; }
header.sub_hd .logo #user_btn {position:absolute;top:15px; right:10px;padding:0;height:30px; line-height:30px; width:50px;border:0; color:#fff;font-size:12px;background:#000; margin:0px; border-radius:5px; }
header.sub_hd .logo { opacity:1; }

header.sub_hd nav { display:none; position:fixed; background-color:#fff; width:60%; height:100%; top:0px; left:0px; }
header.sub_hd nav .navtoggle { position:fixed; background-color:rgba(0,0,0,0.7); width:40%; height:100%; top:0px; right:0px; }
header.sub_hd nav .innerset{position:relative;}
header.sub_hd nav .innerset .navlist { position:relative; }
header.sub_hd nav .navlist { vertical-align:middle;font-size:0; padding:0px; margin:0px; }
header.sub_hd nav .navlist>li { position:relative; border-bottom:1px solid #ddd; padding:0px; }
header.sub_hd nav .navlist>li+li {margin-left:0;}
header.sub_hd nav .navlist>li>a {position:relative;display:block;height:70px; border:0px;line-height:70px;padding:0 15px;z-index:10;font-size:16px; font-weight:500;letter-spacing: 0; text-decoration:none; color:#666; }
header.sub_hd nav .dp2 { background:#333; visibility:hidden;opacity:0; display: none; z-index:1000; padding:0;list-style: none; position:relative; margin:0px; left:0px; }
header.sub_hd nav .dp2>li { text-align:center; position:relative; border-top:0px; border-bottom:1px solid #444; line-height:30px; padding:0px; }
header.sub_hd nav .dp2>li > a { display:block;white-space:nowrap;padding:7px;font-size:13px; color:#000; text-decoration:none; border:0px; }
header.sub_hd nav .dp2>li > a:hover { background:#ff5400; color:#000; }
header.sub_hd nav .navlist>li.on .dp2{visibility:visible;opacity:1;transition:all .2s ease} 

header.sub_hd .gnb { display:none; }

.titset.ct.mflex { padding:30px 0 0; }
.titset.ct.mflex h2 { display:none; }
	
.titset{position:relative; padding:75px 0 0; }
.titset.ct{text-align:center}
.titset.rt{text-align:right}
.titset .pos_rt{position:absolute;right:0;top:0}
.titset .pos_rt .can-toggle{right:41px;top:14px}
.titset.icon .hd2{display:inline-block;vertical-align:middle}
.titset .reload{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(../img/refresh.png) no-repeat 0 0;background-size:100%;margin-left:5px}

.section { margin:0 10px; }
.section.wht{background:#fff;padding:20px; margin:0px; }
.shoptit { margin-top:75px; }
	
.frm_write{border-top:2px solid #06F; border-radius:8px 8px 0 0; background:#fff}
.frm_write .frm_list > li { width:100%; }
.frm_write .frm_list > li div { border-bottom:1px solid #d4d3d3}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(1){width:inherit}
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(2),.frm_write .frm_list>li.bound_date .frm_clm:nth-child(3){width:calc(100%/2)}
.frm_write .frm_list>li .frm_clm{display:block; }
.frm_write .frm_list>li .frm_clm.col1{width:calc(100%/1)}
.frm_write .frm_list>li .frm_clm.col2{ width:calc(100%); }
.frm_write .frm_list>li .frm_clm.col3{width:calc(100%)}
.frm_write .dlist{display:table;width:100%;height:100%}
.frm_write .dlist>dt,.frm_write .dlist>dd{padding:10px;display:table-cell;vertical-align:middle}
.frm_write .dlist>dd.txtrow{padding:15px 0}
.frm_write .dlist>dd.txtrow .row{padding:15px;border-bottom:1px solid #d4d3d3}
.frm_write .dlist>dd.txtrow .row:last-child{border-bottom:none}
.frm_write .dlist>dt{ width:30%; text-align:center; background:#f6f6f6; }
.frm_write .dlist>dd{ width:70%; }
.frm_write .dlist>dd .inputset.rdo,.frm_write .dlist>dd .inputset.ckbox{width:auto}
.frm_write .dlist>dd .row+.row{margin-top:10px}
.frm_write .dlist>dd .row.pc_inline{display:inline-block;vertical-align:middle}
.frm_write .dlist>dd .row.pc_inline+.row.pc_inline{margin-top:0}
.frm_write .dlist>dd .row.pc_inline .inputdate .inputset+.btn{vertical-align:top}
.frm_write .dlist>dd .row .inputset,.frm_write .dlist>dd .row input{vertical-align:top}
.frm_write .dlist>dd .sbj_col3_outer{overflow:hidden;margin:-10px 0 0 -20px;padding:0}
.frm_write .dlist>dd .sbj_col3{float:left;margin:10px 0 0 20px}
.frm_write .dlist>dd .sbj_col3 .stxt{margin-bottom:10px}
.frm_write .dlist>dd .sbj_col3 .inputset{width:inherit}
.frm_write .dlist>dd .inputset+.btn{margin-left:10px}
.frm_write .dlist>dd .box_insertimg .inputset+.btn{margin-left:0}
.frm_write .dlist>dd .input_col .flag{line-height:42px;display:inline-block;padding:0 10px}
.frm_write .dlist>dd .stxt{font-weight:400}
.frm_write .dlist>dd .stxt.sm{font-size:.875em;color:#666}
.frm_write .dlist>dd .input_col .stxt{}
.frm_write .dlist>dd .input_col .stxt.ty1{min-width:100px}
.frm_write .dlist>dd .input_col .stxt+.inputset,.frm_write .dlist>dd .input_col .stxt+.inputdate,.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{margin-left:5px}
.frm_write .dlist>dd .input_col .stxt+.ctrbox_row{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col .inputdate+.inputset,.frm_write .dlist>dd .input_col .inputset+.stxt,.frm_write .dlist>dd .input_col .inputdate+.stxt{margin-left:20px}
.frm_write .dlist>dd .input_col .inputdate{flex:1;-webkit-flex:1}
.frm_write .dlist>dd .input_col.reverse .stxt+.inputset{margin-left:20px}
.frm_write .dlist>dd .input_col.reverse .inputset+.stxt{margin-left:5px}
.frm_write .dlist>dd .inputset.txt{display:flex}
.frm_write .dlist>dd .inputset.txt input{flex:1}
.frm_write .dlist>dd .inputset.txt .txt_sub{vertical-align:middle}
.frm_write .dlist>dd .txtinfo{font-size:.75em;margin-top:5px}
.frm_write .dlist>dd .wgrid1{width:80%}
.frm_write .dlist>dd .wgrid2{width:80%}
.frm_write .dlist>dd label .inputset{width:auto}
.frm_write .dlist>dd .t_list{box-shadow:none}
.frm_write .dlist>dd .t_list td .inputset{vertical-align:middle}
.frm_write .dlist>dd .t_list td .btn{padding:8px 10px 7px}
.frm_write .dlist>dd .t_list td .btn .ico.more{}
.frm_write .dlist>dd .t_list td .btn .ico.more:before{width:14px;height:14px;background-size:84px 14px;background-position:-70px 0}
.frm_write .dlist>dd .stxt+.slink,.frm_write .dlist>dd label+.slink{margin-top:15px}
.frm_write .dlist>dd .input_col .inputset{display:inline-block;flex:none}
.frm_write .dlist>dd .input_col.file{display:flex}
.frm_write.ty1 .inputset{}
.frm_write.ty1 .inputset input,.frm_write.ty1 .inputset select{height:28px}
.frm_write.ty1 .btn{padding:0 10px;height:30px;line-height:30px;font-size:.875em}
.modifyx { margin:0 15px; }
	
footer { background-color:#222; }
footer .footerinfo { background-color:#c9c9c9; }
footer .footerinfo ul { margin:auto; padding:0px; }
footer .footer-logo { padding:12px 0 0; text-align:center; }
footer .footer-logo img { height:45px; vertical-align:middle; }
footer .footer-link { padding:10px 0; text-align:center; }
footer .footer-link a { display:inline-block; text-decoration:none; color:#666; text-align:center; padding:0 5px; font-size:12px; }
footer .footer-bottom { padding:30px 0; margin:auto; color:#fff; text-align:center; font-size:12px; }
footer .footer-bottom ul { padding:0px; margin:0px; }
}



em{color:#a00}
em .point1{color:#4c84ff}
em .point2{color:#ff6c60}
.arr{}
.arr.up{}
.arr.down{}
.ic{}.ic>li{font-size:.75em;line-height:1.7;text-indent:-7px;margin-left:11px}
.ic>li:before{content:"";display:inline-block;width:4px;height:1px;background:#747474;margin:0 4px 4px 0}
.btnset{ }
.btnset.ct{text-align:center}
.btnset.rt{text-align:right}
.btn { display:inline-block; border-radius:3px;margin:0;padding:0px; height:30px; line-height:30px; }
.btns.buy{ background-image:url(/img/back/red.png); background-size:auto 100%; color:#fff; border-radius:3px;min-width:59px}
.btns.sell{ background-image:url(/img/back/blue.png); background-size:auto 100%; color:#fff; border-radius:3px;min-width:59px}
.btn.link{border:1px solid #ccc;border-radius:3px;background:#fff;padding:8px 10px}
.btn.link:after{content:"";display:inline-block;width:6px;height:9px;background:url(../img/linkbtnarr.png) no-repeat 0 0;background-size:100%;margin:0 0 0 5px}
.btn.arr:after{content:"";display:inline-block;width:5px;height:8px;background:url(../img/btn_arrwhite.png) no-repeat 0 0;background-size:100%;margin:0 0 2px 15px;vertical-align:middle}
.btn.ctype1{background:#d9d9d9;color:#000;overflow:hidden;padding:0 15px}
.btn.ctype2{background:#666;color:#fff;overflow:hidden;padding:0 15px}
.btn.submit{background:#0c2748;color:#fff;height:50px;line-height:50px;padding:0 30px; margin-top:2px; margin-bottom:2px; }
.btn.cancel{background:#666;color:#fff;height:50px;line-height:50px;padding:0 30px; margin-top:2px; margin-bottom:2px; }
.btn.complete{background:#02abd2;color:#fff}
.btn.progress{ background-image:url(/img_new/back/white.jpg); background-size:auto 100%; border:1px solid #aaa; color:#666;padding:0;border-radius:3px;min-width:59px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); }
.btn.sell{ background-image:url(/img_new/back/blue.png); background-size:auto 100%; color:#fff; border-radius:3px;min-width:59px; margin:2px 0; }
.btn.buy{    background-color: #3e3e3e; background-size:auto 100%; color:#fff; border-radius:3px;min-width:59px; margin:2px 0; }
.btn.reset1{ background-image:url(/img_new/back/white.jpg); background-size:auto 100%; color:#fff; border-radius:3px;min-width:59px; margin:2px 0; border:1px solid #ccc; }
.btn.end{background:#b7b6b6;color:#fff;padding:4px 0;border-radius:30px;min-width:59px}
.btn.etc1{border:1px solid #cb1919; color:#cb1919; font-weight: bold;}
.btn.co1{ background-image:url(/img_new/back/red.png); background-size:auto 100%; color:#fff; }
.btn.co2{ background-image:url(/img_new/back/blue.png); background-size:auto 100%; color:#fff; }
.btn.co3{background:#333;color:#fff;padding:0 19px;}
.btn.co4{background:#aaa;color:#fff;padding:0 19px}
.btn.co1s{ background-image:url(/img_new/back/red.png); background-size:auto 100%; color:#fff; }
.btn.co2s{ background-image:url(/img_new/back/blue.png); background-size:auto 100%; color:#fff; }
.btn.view{border:1px solid #ccc;padding:0 7px; background-image:url(/img/back/white.jpg); background-size:auto 100%; display:inline-block; min-width:40px; }
.btn.moreview{border:1px solid #aaa;padding:0 30px;border-radius:30px}
.btn.moreview:before{content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;background:url(../img/moreviewicon.png) no-repeat 0 0;background-size:100%;margin:0 5px 3px 0}

.btnset.col1 .btn{display:block}
.btnset.ct{text-align:center}
.btn .ico_sch{display:inline-block;vertical-align:middle;width:15px;height:15px;background:url(../img/searchico.png) no-repeat 0 0;background-size:100%;margin-bottom:2px}
.btn .ico_sch+.context{margin-left:5px;margin-bottom:4px;display:inline-block;vertical-align:middle}
.print:before{content:"";display:inline-block;width:22px;height:22px;background:url(../img/dealagree_print.png) no-repeat 0 0;vertical-align:middle;margin:0 5px 2px 0}
table td .ctrset{display:inline-block;vertical-align:middle;margin-left:3px;margin-bottom:3px}
table td .ctrset .btn,table td .ctrset .badge{display:block;width:11px;height:8px;background:url(../img/main_ratearr.png) no-repeat 0 0;background-size:11px 16px}
table td .ctrset .btn+.btn,table td .ctrset .badge+.badge{margin-top:3px}
table td .ctrset .btn.limit,table td .ctrset .badge.limit{}
table td .ctrset .btn.stop,table td .ctrset .badge.stop{background-position:0 -8px}


.snslist{position:absolute;top:20px;right:20px}
.snslist>ul{overflow:hidden}
.snslist>ul>li{float:left}
.snslist>ul>li+li{margin-left:15px}
.snslist>ul>li>a{display:block}
.snslist>ul>li>a .ico{display:block}
.snslist>ul>li>a .ico.sns1{width:110px;height:30px;background:url(../img/footer_sns_band.png) no-repeat 0 0;background-size:100%}
.snslist>ul>li>a .ico.sns2{width:145px;height:30px;background:url(../img/footer_sns_kakaostroy.png) no-repeat 0 0;background-size:100%}
.snslist>ul>li .callcenter{color:#fff;display:inline-block;margin-top:2px;font-size:1.25em}
.snslist>ul>li+li{margin-left:30px}


content{width:1330px;margin:0 auto;min-height:500px;padding:20px 0 30px}

.subvisual{position:relative;overflow:hidden;text-align:center;height:125px;left:0;width:100%;display:none}
.subvisual .inner{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:125px}
.subvisual .inner.ty1{background:url(../img/subvisual01.jpg) no-repeat 0 0;background-size:cover}
.subvisual .innertynull{background:url(../image/subvisual1.jpg) no-repeat 0 0;background-size:auto}
.subvisual .inner .txtinfo{display:table;width:100%;height:100%;text-align:center}
.subvisual .inner .txtinfo .txtinner{display:table-cell;vertical-align:middle}
.subvisual .inner .txtinfo .txtinner *{color:#fff}
.subvisual .inner .txtinfo .hd3{font-size:2em}
.subvisual .inner .txtinfo .stxt{}

.location{border-bottom:1px solid #cbcbcb;height:40px;background:#fff; }
.location .inner{position:relative;width:1280px;height:40px;margin:0 auto;overflow:hidden}
.location .inner .home{float:left;width:40px;height:40px;border:1px solid #cbcbcb;border-width:0 1px;position:relative}
.location .inner .home:before{content:"";display:block;width:15px;height:15px;background:url(../img/loc_homeicon.png) no-repeat 0 0;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.location .inner .locallist{float:left;overflow:hidden}
.location .inner .locallist>li{float:left}
.location .inner .locallist>li>a{display:block;height:40px;line-height:40px;padding:0 20px}
.location .inner .locallist>li>a:after{content:"";display:inline-block;width:4px;height:6px;background:url(../img/location_arr.png) no-repeat 0 0;background-size:4px 12px;vertical-align:middle;margin:0 0 4px 20px}
.location .inner .locallist>li.on>a{color:#5d56a3}
.location .inner .locallist>li.on>a:after{background-position:0 -6px}
.location .inner .locallist>li+li>a{border-left:1px solid #cbcbcb}
.location .inner .locallist>li:last-child>a{border-right:1px solid #cbcbcb}

.hd1{font-size:2em}.hd2{font-size:1.7em}
.hd3{font-size:1.5em}
.hd4{font-size:1.2em}
.hd5{font-size:1em}
.hd6{font-size:.875em}
.hd2+.hd5{margin-top:20px}
.hd2.ct{text-align:center}
.userinifoset{background:#f2f2f2;border:1px solid #d2d2d2;padding:3px 20px}
.userinifo{font-weight:400;display:inline-block;vertical-align:middle}
.userinifo:before{content:"";display:inline-block;vertical-align:middle;width:15px;height:18px;background:url(../img/userinfoicon.png) no-repeat 0 0;margin:0 10px 5px 0;background-size:100%}
.agreebox+.hd5,.tablist+.tab_sectionout{margin-top:50px}
.titset.hd3+.userinifoset,.hd3+.msgbox,.titset.hd3+.frm_write{margin-top:10px}
.hd5+.tb_frm,.hd5+.frm_write,.agreebox+.btnset,.alram+.section,.graphset+.contract_timeset,.titset+.agreebox,.stxt+.stxt,.stxt+.simg,.stxt+.tb_frm,.tb_frm+.btnset,.tb_frm+.page_navi,.inputset+.hd5,.titset+.section,form[name=fm]+.btnset,form[name=fm]+.page_navi,.msgbox+.hd3,.msgbox+.frm_write,.frm_write+.btnset,.frm_write+.tb_frm,.frm_write+.sum_frm,.tablist+.frm_write,.tablist+.tb_cap,.tablist+.tb_frm,.sum_frm+.tb_frm,.stxt+.tb_cap,.hd2+.frm_write,.tablist+.titset.hd3,.tab_pos_rt+.tb_frm{margin-top:20px}
.contract_timeset+.contractset{margin-bottom:20px}
.hd3+.stxt{margin-top:10px}
.hd2+.section{margin-top:15px}
.graph_infoset+.contract_timeset{margin-top:7px}.tb_frm+.hd5,.frm_write+.hd5,form[name=fm]+.hd5,.tb_frm+.tb_cap,.frm_write+.tb_cap,.frm_write+.hd2,.frm_write+.hd3,.frm_write+.hd4,.titset.hd3+.titset.hd4,.userinifoset+.titset.hd4{margin-top:40px}
.tb_frm+.agreebox,.hd5+form[name=fm],.hd4+form[name=fm],.hd5+.agreebox{margin-top:10px}
.tb_cap+#myResultDiv,.tb_cap+.tb_frm{margin-top:5px}




@media (max-width: 768px) {
	header .header_inner .logo>a>img {margin-top: -15px;}
}


/* container */
.container {width:100%; max-width:950px; padding:0 15px; margin:0 auto;}
.container.lg {max-width:1400px;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
.ft-red {color:#ff0000 !important;}
@media (max-width:991px){
.is-pc {display:none !important;}
.is-m {display:block !important;}
}

/* title-box */
.title-box {display:flex; flex-wrap:wrap; align-items:center;}
.title-box h2 {font-size:28px;}
.title-box h3 {font-size:26px;}
.title-box h4 {font-size:24px;}
.title-box h5 {font-size:22px;}
.title-box h6 {font-size:20px;}
@media (max-width:991px){
.title-box h2 {font-size:26px;}
.title-box h3 {font-size:24px;}
.title-box h4 {font-size:22px;}
.title-box h5 {font-size:20px;}
.title-box h6 {font-size:18px;}
}

/* icon-box */
.icon-box {display:flex; flex-wrap:wrap; align-items:center;}
.icon-box .icon {display:flex; flex-wrap:wrap; align-items:center;}
.icon-box .icon-password {width:20px; height:20px; font-size:0; background:url('../images/icon_password.svg') no-repeat center / cover;}
.icon-box .icon-password.active {background-image:url('../images/icon_password_off.svg');}
																											  
/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center;}
.button-box .btn {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn.active {background:var(--color-active); color:#fff;}
.button-box .btn.white {background:var(--color-white); color:#333; border:1px solid var(--color-gray-500);}
.button-box .btn:hover {filter:brightness(1.2);}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center;}
.input-box .input-box-inner {transition:all ease 0.5s; border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; overflow:hidden;}
.input-box .input-box-inner input {flex:1; min-width:0; padding:0 15px; color:#000; background:transparent;}
.input-box .input-box-inner input::placeholder {color:#c7c7c7;}
.input-box.disabled .input-box-inner {background:var(--color-disabled);}
.input-box.focus .input-box-inner {border-color:var(--color-active);}	
.input-box.active .input-box-inner {border-color:var(--color-active);}
.input-box.active .input-box-inner input {color:#000;}  
.input-box.danger .input-box-inner {border-color:var(--color-danger);}
.input-box.danger .input-box-inner input {color:var(--color-danger);}	 
.input-box.danger .input-box-inner input::placeholder {color:var(--color-danger);}
.input-box.success .input-box-inner {border-color:var(--color-success);}
.input-box.success .input-box-inner input {color:var(--color-success);}	 
.input-box.success .input-box-inner input::placeholder {color:var(--color-success);}

/* input-delete-box */
.input-delete-box {display:none;}
.input-delete-box a {display:block; font-size:0; position:relative; width:20px; height:20px; background:#eee; border-radius:50%;}
.input-delete-box a:after {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); width:10px; height:1px; background:#666; content:"";}
.input-delete-box a:before {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); width:10px; height:1px; background:#666; content:"";}
.input-delete-box.active {display:block;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center;}
.select-box .select-box-inner {transition:all ease 0.5s; border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.select-box .select-box-inner select {padding:0 50px 0 15px; background:url('../images/icon_select.svg') no-repeat calc(100% - 15px) center / 24px; flex:1; min-width:0; color:#000;}
.select-box .select-box-inner select option {color:var(--color-black);}
.select-box .select-box-inner button {padding:0 50px 0 15px; background:url('../images/icon_select.svg') no-repeat calc(100% - 15px) center / 24px; flex:1; min-width:0; color:#000; text-align:left;}
.select-box .select-box-inner .select-box-list {display:none; position:absolute; background:#fff; border:1px solid #ddd; z-index:10;}
.select-box .select-box-inner .select-box-list dl {max-height:200px; overflow-y:auto;}
.select-box .select-box-inner .select-box-list dl dd a {padding:10px; display:flex; flex-wrap:wrap; align-items:center;}
.select-box .select-box-inner .select-box-list dl dd a:hover {background:#efefef;}
.select-box.disabled .select-box-inner {background:var(--color-disabled);}	
.select-box.active .select-box-inner {border-color:var(--color-active);}
.select-box.active .select-box-inner select {color:var(--color-black) !important;}  
.select-box.active .select-box-inner button {color:var(--color-black) !important;}
.select-box.danger .select-box-inner {border-color:var(--color-danger);}
.select-box.danger .select-box-inner select {color:var(--color-danger);}	 
.select-box.success .select-box-inner {border-color:var(--color-success);}
.select-box.success .select-box-inner select {color:var(--color-success);}	
.select-box.custom-active .select-box-inner div {display:block;}
.select-box.white .select-box-inner select {background:url('../images/icon_select_white.svg') no-repeat calc(100% - 8px) center / 7px auto;}
.select-box.white.active .select-box-inner select {color:var(--color-white) !important;}
@media (max-width:991px){
.select-box .select-box-inner select {padding:0 35px 0 15px; background-position:calc(100% - 10px) center; background-size:20px;}
.select-box .select-box-inner button {padding:0 35px 0 15px; background-position:calc(100% - 10px) center; background-size:20px;}
}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center;}
.check-box .check-box-inner {position:relative; overflow:hidden;}
.check-box .check-box-inner input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box .check-box-inner label {display:flex; flex-wrap:wrap;}
.check-box .check-box-inner label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 5px 0 0; background-position:center; background-size:cover;}
.check-box .check-box-inner label p {line-height:1.5; word-break:keep-all; flex:1; min-width:0;}
.check-box .check-box-inner input:checked ~ label p {color:var(--color-active);}	
.check-box .check-box-inner input:disabled ~ label p {color:var(--color-gray-500);}
.check-box .check-box-inner input[type=checkbox] ~ label:before {background-image:url('../images/icon_checkbox.svg');}
.check-box .check-box-inner input[type=checkbox]:checked ~ label:before {background-image:url('../images/icon_checkbox_on.svg');}
.check-box .check-box-inner input[type=checkbox]:disabled ~ label:before {background-image:url('../images/icon_checkbox_off.svg');}
.check-box .check-box-inner input[type=radio] ~ label:before {background-image:url('../images/icon_radio.svg');}
.check-box .check-box-inner input[type=radio]:checked ~ label:before {background-image:url('../images/icon_radio_on.svg');}	
.check-box .check-box-inner input[type=radio]:disabled ~ label:before {background-image:url('../images/icon_radio_off.svg');}
@media (max-width:991px){
.check-box .check-box-inner label:before {width:18px; height:18px; line-height:1.3;}
}

/* check-button-box */
.check-button-box {display:flex; flex-wrap:wrap; align-items:center;}
.check-button-box .check-button-box-inner {position:relative; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.check-button-box .check-button-box-inner input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-button-box .check-button-box-inner label {flex:1; border:1px solid #ddd; border-radius:4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.check-button-box .check-button-box-inner input:checked ~ label {background:var(--color-active); border-color:var(--color-active); color:#fff;}
.check-button-box .check-button-box-inner input:disabled ~ label {background:var(--color-disabled); color:#999;}

/* switch-box */
.switch-box {display:flex; flex-wrap:wrap; align-items:center;}
.switch-box .switch-box-inner {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; position:relative; overflow:hidden;}
.switch-box .switch-box-inner input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.switch-box .switch-box-inner label {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; cursor:pointer;}
.switch-box .switch-box-inner label p {padding-right:15px; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.switch-box .switch-box-inner label p b {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 5px;}
.switch-box .switch-box-inner label .switch-icon {transition:all ease 0.5s; display:block; font-size:0; position:relative; width:45px; height:25px; border-radius:30px; background:#ddd;}
.switch-box .switch-box-inner label .switch-icon:after {transition:all ease 0.3s; position:absolute; left:4px; top:48.5%; transform:translateY(-50%); width:20px; height:20px; border-radius:50%; background:#fff; content:"";}
.switch-box .switch-box-inner input:checked ~ label .switch-icon {background:var(--color-active);}
.switch-box .switch-box-inner input:checked ~ label .switch-icon:after {left:22px;}
.switch-box .switch-box-inner input:disabled ~ label .switch-icon {background:var(--color-disabled);}
.switch-box .switch-box-inner input:disabled ~ label .switch-icon:after {background:#c7c7c7;}

/* star-box */
.star-box {display:flex; flex-wrap:wrap; align-items:center;}
.star-box .star-box-inner {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.star-box .star-box-inner > div {position:relative; overflow:hidden;}
.star-box .star-box-inner > div input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.star-box .star-box-inner > div label {cursor:pointer; display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_star.svg') no-repeat center / cover; filter:invert(100%) sepia(0%) saturate(604%) hue-rotate(179deg) brightness(104%) contrast(73%);}
.star-box .star-box-inner > div input:checked ~ label {background-image:url('../images/icon_star_fill.svg'); filter:invert(73%) sepia(94%) saturate(464%) hue-rotate(359deg) brightness(106%) contrast(104%);}
.star-box .star-box-inner > div.active label {background-image:url('../images/icon_star_fill.svg'); filter:invert(73%) sepia(94%) saturate(464%) hue-rotate(359deg) brightness(106%) contrast(104%);}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-box-inner {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.file-box .file-box-inner p {transition:all ease 0.5s; padding:0 15px; border:1px solid #ddd; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-box .file-box-inner label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.file-box .file-box-inner label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-box-inner a.file-btn img {width:20px; margin:0 3px 0 0;}
.file-box.disabled .file-box-inner p {background:var(--color-disabled); color:#999;}
.file-box.active .file-box-inner p {border-color:var(--color-active);}
@media (max-width:991px){
.file-box .file-box-inner a.file-add {width:40px; height:40px;}
.file-box .file-box-inner a.file-remove {width:40px; height:40px;}
}

/* file-image-box */
.file-image-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-image-box .file-box-inner {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.file-image-box .file-box-inner label {background:#eee; width:45px; height:45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.file-image-box .file-box-inner label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-image-box .file-box-inner ul {display:flex; flex-wrap:wrap; margin:0 0 -5px 2.5px;}
.file-image-box .file-box-inner ul li {width:45px; height:45px; margin:0 2.5px 5px; position:relative; overflow:hidden;}
.file-image-box .file-box-inner ul li img {width:100%; height:100%; object-fit:cover;}
.file-image-box .file-box-inner ul li a.file-delete {font-size:0; position:absolute; right:0; top:0; width:15px; height:15px; background:url('../images/icon_close.svg') no-repeat center / cover;}
@media (max-width:991px){
.file-image-box .file-box-inner label {width:40px; height:40px;}
.file-image-box .file-box-inner ul {display:block; overflow-x:auto; white-space:nowrap; margin-left:5px; flex:1; min-width:0;}
.file-image-box .file-box-inner ul li {display:inline-block; width:40px; height:40px; margin:0 5px 0 0;}
}

/* file-list-box */
.file-list-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-list-box .list {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.file-list-box .list > ul {width:100%;}			   
.file-list-box .list > ul > li {margin:0 0 15px;}
.file-list-box .list > ul > li:last-of-type {margin:0;}
.file-list-box .list > ul > li a {display:flex; flex-wrap:wrap; align-items:center;}
.file-list-box .list > ul > li a div {flex:1; min-width:0; padding-right:15px;}
.file-list-box .list > ul > li a div p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-list-box .list > ul > li a:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_download.svg') no-repeat center / cover;}
.file-list-box .list > ul > li a:hover div p {color:var(--color-hover);}

/* message-box */
.message-box p {line-height:1.3; word-break:keep-all;}
.message-box p.danger {color:var(--color-danger);}		 
.message-box p.success {color:var(--color-success);}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.popup-box .popup-box-inner {pointer-events:none; transition:all ease 0.5s; opacity:0; max-width:100%; max-height:90%; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.popup-box .popup-box-inner.basic {border-radius:10px; width:100%; max-width:400px; top:45%;}
.popup-box .popup-box-inner.bottom {border-radius:15px 15px 0 0; width:100%; top:auto; bottom:-10%; transform:translateX(-50%);}
.popup-box .popup-box-inner.left {width:100%; max-width:370px; left:-10%; top:0; height:100%; max-height:100%; transform:none;}		
.popup-box .popup-box-inner.left .popup-body {height:100% !important;}  	  
.popup-box .popup-box-inner.right {width:100%; max-width:370px; left:auto; right:-10%; top:0; height:100%; max-height:100%; transform:none;}	 
.popup-box .popup-box-inner.right .popup-body {height:100% !important;}
.popup-box .popup-box-inner.full {max-width:800px;}
.popup-box .popup-head {border-bottom:1px solid #ddd; padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup-box .popup-head h2 {flex:1; min-width:0; line-height:1.3; word-break:keep-all; padding-right:15px;}
.popup-box .popup-head a.close {width:23px; height:23px; background:url('../images/icon_close.svg') no-repeat center / cover; font-size:0;}
.popup-box .popup-body {padding:40px 20px; overflow-y:auto;}
.popup-box .popup-foot {border-top:1px solid #ddd; padding:20px;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .popup-box-inner.active {pointer-events:inherit; opacity:1; z-index:10;}
.popup-box.fixed .popup-box-inner.basic.active {top:50%;}
.popup-box.fixed .popup-box-inner.bottom.active {bottom:0;}
.popup-box.fixed .popup-box-inner.left.active {left:0;}
.popup-box.fixed .popup-box-inner.right.active {right:0;}
@media (max-width:991px){
.popup-box .popup-box-inner.basic {width:calc(100% - 30px);}
.popup-box .popup-box-inner.full {max-width:100%;}
.popup-box .popup-box-inner.left {max-width:320px;}
.popup-box .popup-box-inner.right {max-width:320px;}
.popup-box .popup-head {padding:15px 10px;}
.popup-box .popup-head a.close {width:20px; height:20px;}
.popup-box .popup-body {padding:25px 10px;}
.popup-box .popup-foot {padding:15px 10px;}
}

/* guide-box */
.guide-box .guide-head a {display:flex; flex-wrap:wrap;}
.guide-box .guide-head a img {width:18px; height:18px;}
.guide-box .guide-head a p {line-height:1.3;}
.guide-box .guide-body {pointer-events:none; opacity:0; position:absolute;}
.guide-box .guide-body .box p {word-break:keep-all;}
.guide-box .guide-body .box.guide {max-width:300px; background:var(--color-white); box-shadow:0 0 10px rgba(0,0,0,0.3); padding:15px; border-radius:5px;}
.guide-box .guide-body .box.more {width:160px; background:var(--color-black); border-radius:10px 0 10px 10px; padding:15px; box-shadow:0 0 10px rgba(0,0,0,0.3);}	
.guide-box .guide-body .box.filter {background:var(--color-white); border-radius:10px; padding:15px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.guide-box .guide-body .box.dropdown {background:var(--color-white); box-shadow:0 0 10px rgba(0,0,0,0.3);}
.guide-box .guide-body .box.dropdown ul {max-height:250px; overflow-y:auto;}
.guide-box .guide-body .box.dropdown ul li a:hover {background:var(--color-gray-100);}	  
.guide-box.active *[data-position] {transform:translate(0,0) !important;}
.guide-box.active .guide-body {z-index:10; pointer-events:inherit; opacity:1; transition:all ease 0.5s;}		   
.guide-box *[data-position=left] {transform:translate(-15px,0);}
.guide-box *[data-position=right] {transform:translate(15px,0);}  
.guide-box *[data-position=top] {transform:translate(0,-15px); transition:none;} 
.guide-box *[data-position=bottom] {transform:translate(0,15px);}
.guide-box *[data-mobile-position=false] {left:0 !important;}
@media (max-width:991px){
.guide-box *[data-mobile-position=false] {width:100%;}
.guide-box .guide-body .box.guide {max-width:280px; padding:10px;}
}

/* table-box */
.table-box .table-box-inner {overflow-x:auto; overflow-y:hidden; white-space:nowrap; width:100%;}
.table-box .table-box-inner table .cell-pc {display:table-cell !important;}
.table-box .table-box-inner table .cell-mo {display:none !important;}
.table-box .table-box-inner table thead tr th {font-size:14px; line-height:1.5; padding:15px 10px; color:var(--color-gray-600); background:var(--color-gray-100); border-width:0 1px 1px 0;}
.table-box .table-box-inner table tbody tr th {font-size:14px; line-height:1.5; padding:15px 10px; color:var(--color-black-400); background:var(--color-gray-200);}
.table-box .table-box-inner table tbody tr td {font-size:14px; line-height:1.5; padding:15px 10px; color:var(--color-black-400); background:var(--color-white);}
.table-box .table-box-inner table tbody tr.notice td {background:var(--color-gray-100);}							  
.table-box .table-box-inner table tbody tr td a.subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; max-width:450px;}
.table-box.table-fixed .table-box-inner table {table-layout:.table-box .table-box-inner table tbody tr td a.subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; max-width:700px;}
.table-box.table-full .table-box-inner {overflow-x:visible; white-space:initial;}
.table-box.table-auto .table-box-inner table {table-layout:auto;}fixed;}
.table-box.top-sticky {overflow-x:hidden; white-space:nowrap; border-bottom:1px solid var(--color-gray-200);}
.table-box.top-sticky .table-box-inner {overflow-x:auto; overflow-y:scroll; height:300px;}
.table-box.top-sticky .table-box-inner table thead tr th {position:sticky; top:0;}
.table-box.top-sticky .table-box-inner table tbody tr:last-of-type * {border-bottom:0;}		 
.table-box.left-sticky {overflow-x:hidden; white-space:nowrap; border-bottom:1px solid var(--color-gray-200);}
.table-box.left-sticky .table-box-inner {overflow-x:auto;}
.table-box.left-sticky .table-box-inner table tbody tr th {position:sticky; left:0;}
.table-box.left-sticky .table-box-inner table tbody tr:last-of-type * {border-bottom:0;}
.table-box.table-board .table-box-inner table thead tr th {background:none; border-width:1px 0; border-top-color:var(--color-black-400); border-bottom-color:var(--color-gray-200);}
.table-box.table-board .table-box-inner	table tbody tr td {border-width:0 0 1px;}
@media (max-width:991px){													
.table-box .table-box-inner table .cell-pc {display:none !important;}
.table-box .table-box-inner table .cell-mo {display:table-cell !important;}
.table-box .table-box-inner table thead tr th {font-size:13px; padding:10px;}
.table-box .table-box-inner table tbody tr th {font-size:12px; padding:10px;}
.table-box .table-box-inner table tbody tr td {font-size:12px; padding:10px;}
.table-box .table-box-inner table tbody tr td a {font-size:12px; line-height:1.5;}
.table-box .table-box-inner table tbody tr td a.subject {font-size:12px; max-width:350px;}
.table-box.table-board .table-box-inner {overflow-x:hidden; white-space:initial;}
.table-box.table-board .table-box-inner table {table-layout:fixed;}
}
@media (max-width:767px){
.table-box .table-box-inner table tbody tr td a.subject {max-width:250px;}
}

/* toggle-box */
.toggle-box .toggle-body {display:none;}
.toggle-box.active .toggle-head img.arrow {transform:rotate(180deg);}
.toggle-box.active .toggle-body {display:block;}

/* paging-box */
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px;}
.paging-box ul li a {width:27px; height:27px; font-size:14px; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li a img {width:20px;}
.paging-box ul li.active a {background:var(--color-active); color:var(--color-white); font-weight:800; border-radius:4px;}
.paging-box ul li.paging-btn a {font-size:0;}
@media (max-width:991px){
.paging-box ul li {margin:0 3px;}
.paging-box ul li a {width:25px; height:25px; font-size:12px;}
}

/* tab-box */
.tab-box ul {display:table; table-layout:fixed; width:100%;}
.tab-box ul li {display:table-cell;}
.tab-box ul li a {height:45px; font-size:14px; font-weight:600; color:#666; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.tab-box ul li.active a {position:relative; color:#000;}
.tab-box ul li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:2px; background:#1162FF; content:"";}

/* tab-content-box */
.tab-content-box .tab-content-inner {display:none;}
.tab-content-box .tab-content-inner.active {display:block;}

/* header */
header .box .container {max-width:1430px;}
header .box .header-logo h1 a {display:block; text-align:center; padding:15px 0;}
header .box ul li a {color:rgba(255,255,255,0.7);}
header .box ul li a:hover {color:#fff;}
@media (max-width:991px){
header .box .header-logo {display:flex; flex-wrap:wrap; order:1;}
header .box .header-side {order:3;}
header .box .header-side:first-of-type {display:none;}
header .box .header-side:last-of-type {order:2;}
}

/* footer */
footer {background:#173784;}
footer p {text-align:left; color:#fff; font-size:14px; line-height:1.5; word-break:keep-all; padding:20px 0;}

/* main-top */
.main-top {position:relative; height:738px; background:url('../images/bg_main_top.png') no-repeat center / cover;}
.main-top .container {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.main-top h2 {font-size:64px; text-align:center; font-weight:800; color:#fff;}
.main-top .button-box {max-width:460px; margin:0 auto;}
@media (max-width:991px){
.main-top {height:auto; padding:50% 0;}
.main-top h2 {font-size:32px;}
.main-top h2 img {max-width:300px; display:block; margin:0 auto;}
}

/* main-market */
.main-market {padding:140px 0; background:url('../images/bg_main_market.png') no-repeat center / cover;}
.main-market .mk-left > strong {display:block; font-size:44px; font-weight:600; color:#3769E2;}
.main-market .mk-left > h2 {font-size:64px; font-weight:600; color:#173784; margin:5px 0 0;}
.main-market .mk-left > p {font-size:24px; font-weight:600; line-height:1.3; color:#3769E2; margin:10px 0 0;}
.main-market .mk-left > ul {margin:30px 0 0;}
.main-market .mk-left > ul li {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
.main-market .mk-left > ul li:before {margin:0 20px 0 0; display:inline-block; content:""; width:14px; height:9px; background:url('../images/icon_main_market_check.svg') no-repeat center / cover;}
.main-market .mk-left > ul li p {font-size:20px; font-weight:500; color:#656565;}
.main-market .mk-right {padding:40px; background:#fff; border-radius:40px; box-shadow:0px 0px 54px 0px rgba(0, 0, 0, 0.07); overflow:hidden;}
@media (max-width:991px){
.main-market {padding:70px 0; background-position:left center;}
.main-market .mk-left > strong {font-size:20px;}
.main-market .mk-left > h2 {font-size:40px;}
.main-market .mk-left > p {font-size:16px;}
.main-market .mk-left > ul li:before {margin:0 10px 0 0;}
.main-market .mk-left > ul li p {font-size:16px;}
.main-market .mk-right {padding:40px 20px; border-radius:10px;}
.main-market .mk-right strong {padding:0 10px; display:block; margin:0 0 20px;}
}

/* main-insight */
.main-insight {padding:180px 0;}
.main-insight .inner {padding:90px 50px 160px; position:relative; background:url('../images/bg_main_insight.png') no-repeat center / cover; border-radius:40px;}
.main-insight .inner > div {position:relative; z-index:2;}
.main-insight .inner h2 {display:flex; flex-wrap:wrap; align-items:center;}
.main-insight .inner h2 strong {font-size:52px; font-weight:800; color:#89C2FF;}
.main-insight .inner h2 img {margin:0 20px;}
.main-insight .inner p {margin:30px 0 0; font-size:30px; font-weight:700; color:#fff; line-height:1.3;}
.main-insight .inner img.phone {position:absolute; right:-80px; bottom:-100px; width:587px;}
.main-insight .inner .button-box {max-width:540px;}
@media (max-width:991px){
.main-insight {padding:0;}
.main-insight .inner {margin:0 -15px;}
.main-insight .inner {padding:50px 20px; border-radius:0px;}
.main-insight .inner h2 strong {font-size:25px;}
.main-insight .inner h2 strong:last-of-type {width:100%; margin:5px 0 0;}
.main-insight .inner h2 img {margin:0 10px; width:25px;}
.main-insight .inner p {margin:20px 0 0; font-size:16px; line-height:1.5;}
.main-insight .inner img.phone {position:static; width:100%; display:block; margin:20px auto 0;}
}

/* main-banner */
.main-banner .banner {position:relative; height:350px; background:url('../images/bg_main_banner.png') no-repeat center / cover;}
.main-banner .banner p {font-size:40px; font-weight:700; line-height:1.5; text-align:center; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
@media (max-width:991px){
.main-banner .banner {height:250px;}
.main-banner .banner p {font-size:30px;}
}

/* main-icon */
.main-icon {padding:90px 0;}
.main-icon ul {display:flex; flex-wrap:wrap;}
.main-icon ul li {width:25%;}
.main-icon ul li strong {display:block; text-align:center; font-size:32px; font-weight:700; color:#3769E2; margin:20px 0;}
.main-icon ul li p {text-align:center; font-size:24px; color:#666; line-height:1.5;}
.main-icon ul li p a {font-size:24px; color:#666; line-height:1.5; text-decoration:underline;}
.main-icon ul li img {display:block; margin:0 auto;}
@media (max-width:1300px){
.main-icon ul li strong {font-size:25px;}
.main-icon ul li p {font-size:20px;}
.main-icon ul li p a {font-size:20px;}
}
@media (max-width:1200px){
.main-icon ul li strong {font-size:22px;}
.main-icon ul li p {font-size:18px;}
.main-icon ul li p a {font-size:18px;}
}
@media (max-width:991px){
.main-icon {padding:45px 0;}
.main-icon ul {margin:0;}
.main-icon ul li {width:100%; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.main-icon ul li div {flex:1; min-width:0; padding:0 25px;}		    
.main-icon ul li:last-of-type {margin:0;}
.main-icon ul li strong {font-size:20px; text-align:left; margin:0 0 10px;}
.main-icon ul li p {font-size:14px; text-align:left;}
.main-icon ul li p a {font-size:14px;}
.main-icon ul li img {width:100px;}
}

/* main-family */
.main-family .image {border:1px solid #DCDCDC; padding:60px 0;}
.main-family .image img {display:block; margin:0 auto; width:100%; max-width:1070px;}
@media (max-width:991px){
.main-family .image {padding:30px 0;}
.main-family .image img {width:90%;}
}

/* main-service */
.main-service .container {padding-top:200px; padding-bottom:200px; background:url('../images/bg_main_service.png') no-repeat center / cover;}
.main-service ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-service ul li {background:#fff; width:calc(33.33% - 25px); border-radius:40px; overflow:hidden; box-shadow: 0px 40px 40px 0px rgba(55, 105, 226, 0.10);}
.main-service ul li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:70px 0; border-radius:40px 40px 0 0; background:linear-gradient(101deg, #3769E2 11.2%, #267AFF 94.98%);}
.main-service ul li .list-body {background:#fff; padding:50px; height:400px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:space-between;}
.main-service ul li .list-body p {width:100%; text-align:center; font-size:24px; font-weight:600;}
.main-service ul li .list-body a {width:100%; font-size:24px; font-weight:600; color:#267aff; height:70px; max-width:280px; margin:0 auto;  background:#fff; border-radius:50px; box-shadow:0px 0px 20px 0px rgba(55, 105, 226, 0.20); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-service ul li .list-body span {font-size:24px; font-weight:600; color:#267aff; height:70px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
@media (max-width:991px){
.main-service .container {padding-top:70px; padding-bottom:70px;}
.main-service ul li {width:100%; margin:0 0 25px; border-radius:20px;}
.main-service ul li:last-of-type {margin:0;}
.main-service ul li .list-head {padding:35px;}
.main-service ul li .list-head img {width:100%; max-width:200px;}
.main-service ul li .list-body {height:300px;}
.main-service ul li .list-body p {font-size:20px;}
.main-service ul li .list-body a {font-size:20px; height:60px;}
.main-service ul li .list-body span {font-size:20px; height:60px;}
}

/* main-swiper */
.main-swiper {padding:60px; background:url('../images/bg_main_swiper.png') no-repeat center / cover;}
.main-swiper .swiper-slide {text-align:center;}
.main-swiper .swiper-slide strong {display:block; text-align:center; font-size:34px; font-weight:500; color:#fff;}
.main-swiper .swiper-slide h2 {font-size:44px; font-weight:700; color:#fff; margin:10px 0 0;}
.main-swiper .swiper-slide p {margin:20px 0 0; text-align:center; font-size:28px; font-weight:500; line-height:1.5; color:#fff;}
.main-swiper .swiper-pagination {position:static; margin:30px 0 0;}
.main-swiper .swiper-pagination span {width:20px; height:20px; background:#fff;}
.main-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}
@media (max-width:991px){
.main-swiper {padding:40px 0;}
.main-swiper .swiper-slide strong {font-size:20px;}
.main-swiper .swiper-slide h2 {font-size:25px;}
.main-swiper .swiper-slide p {margin:10px 0 0; font-size:16px;}
.main-swiper .swiper-pagination span {width:15px; height:15px;}
}

/* main-smart */
.main-smart {padding:130px 0 450px; background:url('../images/bg_main_smart.png') no-repeat center / cover; position:relative;}
.main-smart h2 {font-size:64px; font-weight:700; color:#fff; margin:0 0 50px;}
.main-smart ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-smart ul li {width:33.33%;}
.main-smart ul li img {display:block; margin:0 auto;}
.main-smart ul li strong {display:block; text-align:center; font-size:32px; font-weight:700; color:#fff; margin:30px 0 0;}
.main-smart ul li p {text-align:center; margin:10px 0 0; font-size:24px; font-weight:700; color:#fff; line-height:1.5;}
.main-smart-image {margin-top:-350px; background:#fff; }		   
.main-smart-image img.smart {display:block; margin-left:auto; width:50%; position:relative;}
@media (max-width:1300px){
.main-smart ul li strong {font-size:25px;}
.main-smart ul li p {font-size:20px;}
}
@media (max-width:1200px){
.main-smart ul li strong {font-size:22px;}
.main-smart ul li p {font-size:18px;}
}
@media (max-width:991px){
.main-smart {padding:70px 0 200px;}
.main-smart h2 {font-size:30px;}
.main-smart ul {margin:0;}
.main-smart ul li {width:100%; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.main-smart ul li div {flex:1; min-width:0; padding:0 25px;}		    
.main-smart ul li:last-of-type {margin:0;}
.main-smart ul li strong {font-size:20px; text-align:left; margin:0 0 10px;}
.main-smart ul li p {font-size:14px; text-align:left;}
.main-smart ul li p a {font-size:14px;}
.main-smart ul li img {width:100px;}
.main-smart ul li:first-of-type img {width:80px;}
.main-smart-image {margin-top:-160px;}
.main-smart-image img.smart {width:80%;}
}

/* main-item */
.main-item {background:#fff; padding:60px 0; position:relative; z-index:3;}
.main-item h2 {text-align:center; font-size:64px; font-weight:600;}
.main-item ul {margin:40px 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
.main-item ul li {width:25%;}
.main-item ul li a {display:block;}
.main-item ul li a img {transition:all ease 0.3s; display:block;}
.main-item ul li a img:hover {transform:scale(1.1);}
@media (max-width:1300px){
.main-item ul li a img {max-width:100%;}
}
@media (max-width:991px){
.main-item h2 {font-size:30px;}
.main-item ul li a img {transform:scale(1.2);}
.main-item ul li a img:hover {transform:scale(1.2);}
}