@media screen and (min-width:1201px) {
container{display:block;position:relative;  margin-top:70px; }
wrap{background:#ebf8ff;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:#fff; 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.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;
  -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; }
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:#666; }
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.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:#093687; 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;}

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:#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; margin-top:5px; }
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; }

.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 { border-top:1px solid #ddd; text-align:center; }
.footers { padding:0; overflow:hidden; border:0px; width:1200px; margin:auto; position:relative; }
.footers img { margin-bottom:15px; }
.footers ul { padding:50px 0; overflow:hidden; text-align:left; }
.footers ul li { float:left; margin-right:25px; }
.footers ul li address { color:#999; clear:both; }
.footers ul li address span { padding-right:10px; margin-right:10px; border-right:1px solid #ddd; }
.footers ul li h3 { color:#000; font-weight:600px; font-size:18px; margin-bottom:10px; }
.footers ul #ft_add { margin-bottom:30px; }
.footers ul #ft_add p:first-child { margin-bottom:15px; }
.footers ul #ft_add p span { padding-right:10px; margin-right:10px; border-left:1px solid #eee; }
.footers ul #ft_add p span:first-child { border:0px; }
.footers ul #ft_company { float:right; margin-right:50px; }
.footers ul #ft_company p { font-size:14px; }
.footers ul #ft_company p a { margin:0; color:#999; display:block; padding:0; }
.footers ul #ft_company p a:hover { color:#09f; }
.footers ul #ft_company p font { color:#09f; font-weight:600; }
.footers ul #ft_link { float:right; }
.footers ul #ft_link p { font-size:14px; }
.footers ul #ft_link p a { margin:0; color:#999; display:block; padding:0; }
.footers ul #ft_link p a:hover { color:#09f; }
.footers ul #ft_copy { text-align:left; clear:both; color:#666; line-height:50px; height:50px; }
.footers ul #ft_copy b { color:#09F; }
}

@media screen and (max-width:1200px) and (min-width:901px) {
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:#fff; 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.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;
  -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; }
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:#666; }
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.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:#093687; 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;}

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:#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; }

.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 { border-top:1px solid #ddd; text-align:center; }
.footers { padding:0; overflow:hidden; border:0px; width:1200px; margin:auto; position:relative; }
.footers img { margin-bottom:15px; }
.footers ul { padding:50px 0; overflow:hidden; text-align:left; }
.footers ul li { float:left; margin-right:25px; }
.footers ul li address { color:#999; clear:both; }
.footers ul li address span { padding-right:10px; margin-right:10px; border-right:1px solid #ddd; }
.footers ul li h3 { color:#000; font-weight:600px; font-size:18px; margin-bottom:10px; }
.footers ul #ft_add { margin-bottom:30px; }
.footers ul #ft_add p:first-child { margin-bottom:15px; }
.footers ul #ft_add p span { padding-right:10px; margin-right:10px; border-left:1px solid #eee; }
.footers ul #ft_add p span:first-child { border:0px; }
.footers ul #ft_company { float:right; margin-right:50px; }
.footers ul #ft_company p { font-size:14px; }
.footers ul #ft_company p a { margin:0; color:#999; display:block; padding:0; }
.footers ul #ft_company p a:hover { color:#09f; }
.footers ul #ft_company p font { color:#09f; font-weight:600; }
.footers ul #ft_link { float:right; }
.footers ul #ft_link p { font-size:14px; }
.footers ul #ft_link p a { margin:0; color:#999; display:block; padding:0; }
.footers ul #ft_link p a:hover { color:#09f; }
.footers ul #ft_copy { text-align:left; clear:both; color:#666; line-height:50px; height:50px; }
.footers ul #ft_copy b { color:#09F; }
}

@media screen and (max-width:900px) {
.titset{position:relative; padding:0px 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:0px; }
.section.wht{background:#fff;padding:20px; margin:0px; }
	
.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 { border-top:1px solid #ddd; text-align:center; }
.footers { padding:0 0 60px; overflow:hidden; border:0px; margin:auto; position:relative; }
.footers img { margin-bottom:15px; }
.footers ul { padding:50px 0 30px; overflow:hidden; text-align:center; }
.footers ul li { }
.footers ul li address { color:#999; clear:both; }
.footers ul li address span { display:block; padding:0 10px; }
.footers ul li h3 { color:#000; font-weight:600px; font-size:18px; }
.footers ul #ft_add { margin:0 20px 30px; }
.footers ul #ft_add p:first-child { margin-bottom:15px; }
.footers ul #ft_add p span { display:block; font-size:15px; }
.footers ul #ft_add p span:last-child { display:none; }
.footers ul #ft_link { padding:10px 0; background-color:#eee; display:none; }
.footers ul #ft_link p { font-size:14px; display:inline-block; }
.footers ul #ft_link p a { margin:0; color:#999; display:block; padding:0 10px; }
.footers ul #ft_link p a:hover { color:#09f; }
.footers ul #ft_company { padding:10px 0; background-color:#eee; display:none; border-bottom:1px solid #ddd; }
.footers ul #ft_company p { font-size:14px; display:inline-block; }
.footers ul #ft_company p a { margin:0; color:#999; display:block; padding:0 10px; }
.footers ul #ft_company p a:hover { color:#09f; }
.footers ul #ft_copy { clear:both; color:#666; line-height:50px; height:50px; }
.footers ul #ft_copy b { color:#09F; }
}



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:50px;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:#09F;color:#fff;height:50px;line-height:50px;padding:0 40px}
.btn.cancel{background:#666;color:#fff;height:50px;line-height:50px;padding:0 40px}
.btn.complete{background:#02abd2;color:#fff}
.btn.progress{ background:#f1f1f1; background-size:auto 100%;  color:#666;padding:0;border-radius:50px;min-width:59px;   }
.btn.sell{ background-color:#09F; background-size:auto 100%; color:#fff; border-radius:50px;min-width:59px}
.btn.buy{ background-color:#d92222; background-size:auto 100%; color:#fff; border-radius:50px;min-width:59px}
.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/back/red.png); background-size:auto 100%; color:#fff; }
.btn.co2{ background-image:url(/img/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:#d92222; color:#fff; }
.btn.co2s{ background:#09F;  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 .btn+.btn{margin-left:15px}
.btnset.col1 .btn{display:block; border-radius: 5px;}
.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:96%; max-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{}
.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}
.footer_bottom{display:none;}



@media (max-width: 768px) {
	header .header_inner .logo>a>img {margin-top: -15px;}
	.footer_bottom {position:fixed; bottom:0; left:0; width:100%; height:60px; display:flex; background:#222; align-items:center; z-index:100;}
		.footer_bottom li{flex:1; border-right:1px solid rgba(255,255,255,.1);}
		.footer_bottom li a{color:#fff;}
		
	.section .tb_frm>table td .subject.ty1.notice{align-items: flex-start;    flex-direction: column;}
	.section .tb_frm>table>thead>tr>th, .section  .tb_frm>table>tbody>tr>th, .section  .tb_frm>table>tbody>tr>td {padding:5px;}
	.section  .tb_frm > table td .subject.ty1 .txtcut {        max-width: 40vw;}
	footer .cnt_footer {padding: 52px 0 130px 0;}
	.section .tb_cap .f_right{    flex: 1 1 100%;}
	.webkit_b .btnset.rt {text-align:center;}
	.webkit_b .titset.mflex .alram, .webkit_b .titset.mflex .pos_rt {display:none;}
	.mobile_none {display:none;}
	.tb_frm > table .badge.stay, .tb_frm > table .badge.complete, .tb_frm > table .badge.cancel, .tb_frm > table .badge.dcancel {word-break: keep-all; padding: 0 5px;}
}


@media screen and (max-width:1201px) {
	content .webkit_a{flex-flow:row wrap; padding:0;}
	.webkit_a .section {width:100%; margin-bottom:0; border-radius:0;}
	wrap content {width:94%; margin-top:; }	
	container {margin-top: 90px; display:block;}
	.section .protit {margin:0;}
	.graph_infoset {width:100%; background:#fff;   box-shadow: 0 0 3px #c9ccd1;}
}