@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Noto+Serif+KR:400,500&display=swap&subset=korean'); /* font-family: 'Noto Sans KR'; */

@media screen and (min-width:1200px) {
header { padding:0 20px; }
header > div { max-width:1280px; margin:auto; position:relative; text-align:left; }
header .logo { position:absolute; top:50%; left:0px; transform:translateY(-50%); }
header .logo img { height:38px; }
header .logo #gnb_open { display:none; }
header .logo #user_btn { display:none; }
header .topmenu { display:inline-block; margin-left:200px; padding:20px 0; }
header .topmenu > li { display:inline-block; position:relative; }
header .topmenu > li a { display:block; padding:0 15px; height:30px; line-height:30px; font-weight:500; font-family: 'Noto Sans KR'; }
header .topmenu > li > ul { position:absolute; top:30px; left:50%; transform:translateX(-50%); width:120px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);  display:none; z-index:1002; text-align:center; }
header .topmenu > li > ul li { border-top:1px solid #eee; }
header .topmenu > li > ul li a { display:block; padding:0; height:30px; line-height:30px; font-weight:500; font-family: 'Noto Sans KR'; font-size:13px; color:#666; }
header .topmenu > li > ul li a:hover { background-color:#06F; color:#fff; }
header .topmenu > li:hover > ul { display:block; }
header .toplogin { position:absolute; top:50%; right:0px; transform:translateY(-50%); display:flex; }
header .toplogin li a { display:block; padding:0 10px; height:30px; line-height:30px; font-size:14px; }
header .toplogin li a i { display:inline-block; vertical-align:middle; }
.login_on { background-color:#003597; }
.login_on a { color:#fff; }
.login_on .logo img { height:38px; }
.login_on .topmenu { margin-left:200px; }
.login_on .toplogin .member i { color:#fff; }
.login_on .toplogin .won i { color:#fff; }
.login_on .toplogin .logout i { color:#fff; }
.m_menu_back { display:none; }

.wrapper {}
.wrapper .wr_container { }

footer { padding:50px 25px; background-color:#fff; border-top:1px solid #eee; }
footer .copyright { max-width:1600px; margin:auto; position:relative; display:flex; }
footer .copylogo { width:200px; }
footer .copylogo img { width:180px; }
footer .copyinfo { width:calc(100% - 500px); position:relative; }
footer .copyinfo span { display:inline-block; height:30px; line-height:30px; font-size:15px; position:relative; padding:0 15px 0 0; margin:0 15px 0 0; color:#999; }
footer .copyinfo span:after { visibility:visible; content:""; display:block; width:1px; height:15px; background-color:#ddd; position:absolute; top:50%; right:0px; transform:translateY(-50%); }
footer .copyinfo span font { font-weight:500; }
footer .copyinfo span b { font-weight:bolder; }
footer .copyinfo > p { font-size:15px; color:#999; margin-top:20px; }
footer .copyinfo .infologo { margin:30px 0 15px; }
footer .copyinfo .infologo img { margin-right:15px; }
footer .copyinfo .selectbox { position:absolute; bottom:0px; right:50px; display:flex; column-gap:15px; }
footer .copyinfo .selectbox select { height:40px; width:200px; border:1px solid #ddd; }
footer .copyinfo .selectbox p { display:flex; width:80px; border-radius:3px; border:1px solid #ddd; }
footer .copyinfo .selectbox p a { display:block; width:50%; height:40px; line-height:40px; text-align:center; }
footer .copyinfo .selectbox p a:first-child { border-right:1px solid #eee; }
footer .copyinfo .selectbox p .onX { background-color:#eee; color:#000; }
footer .copylink { width:300px; display:flex; }
footer .copylink > div { width:50%; }
footer .copylink select { height:40px; width:200px; border:1px solid #ddd; margin-right:25px; }
footer .copylink h5 { font-size:18px; margin-bottom:10px; }
footer .copylink p { }
footer .copylink p a { display:block; color:#999; height:18px; line-height:18px; text-align:left; font-size:13px; }
}

@media screen and (max-width:1200px) and (min-width:901px) {
header { padding:0 20px; }
header > div { max-width:1200px; margin:auto; position:relative; text-align:left; }
header .logo { position:absolute; top:50%; left:0px; transform:translateY(-50%); }
header .logo img { height:35px; }
header .logo #gnb_open { display:none; }
header .logo #user_btn { display:none; }
header .topmenu { display:inline-block; margin-left:200px; padding:20px 0; }
header .topmenu > li { display:inline-block; }
header .topmenu > li a { display:block; padding:0 15px; height:30px; line-height:30px; font-weight:600; font-family: 'Noto Sans KR'; }
header .topmenu > li > ul { position:absolute; top:30px; left:50%; transform:translateX(-50%); width:120px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);  display:none; z-index:1002; text-align:center; }
header .topmenu > li > ul li { border-top:1px solid #eee; }
header .topmenu > li > ul li a { display:block; padding:0; height:30px; line-height:30px; font-weight:500; font-family: 'Noto Sans KR'; font-size:13px; color:#666; }
header .topmenu > li > ul li a:hover { background-color:#06F; color:#fff; }
header .topmenu > li:hover > ul { display:block; }
header .toplogin { position:absolute; top:50%; right:0px; transform:translateY(-50%); display:flex; }
header .toplogin li a { display:block; padding:0 10px; height:30px; line-height:30px; font-size:14px; }
.login_on { background-color:#003597; }
.login_on a { color:#fff; }
.login_on .logo img { height:35px; }
.login_on .topmenu { margin-left:200px; }
.login_on .toplogin .member i { color:#fff; }
.login_on .toplogin .won i { color:#fff; }
.login_on .toplogin .logout i { color:#fff; }
.m_menu_back { display:none; }

.wrapper {}
.wrapper .wr_container { }

footer { padding:50px 25px; background-color:#fff; border-top:1px solid #eee; }
footer .copyright { max-width:1600px; margin:auto; position:relative; display:flex; }
footer .copylogo { width:200px; }
footer .copylogo img { width:180px; }
footer .copyinfo { width:calc(100% - 500px); position:relative; }
footer .copyinfo span { display:inline-block; height:30px; line-height:30px; font-size:15px; position:relative; padding:0 15px 0 0; margin:0 15px 0 0; color:#999; }
footer .copyinfo span:after { visibility:visible; content:""; display:block; width:1px; height:15px; background-color:#ddd; position:absolute; top:50%; right:0px; transform:translateY(-50%); }
footer .copyinfo span font { font-weight:500; }
footer .copyinfo span b { font-weight:bolder; }
footer .copyinfo > p { font-size:15px; color:#999; margin-top:20px; }
footer .copyinfo .infologo { margin:30px 0 15px; }
footer .copyinfo .infologo img { margin-right:15px; }
footer .copyinfo .selectbox { position:absolute; bottom:0px; right:30px; display:flex; column-gap:15px; }
footer .copyinfo .selectbox select { height:40px; width:200px; border:1px solid #ddd; }
footer .copyinfo .selectbox p { display:flex; width:80px; border-radius:3px; border:1px solid #ddd; }
footer .copyinfo .selectbox p a { display:block; width:50%; height:40px; line-height:40px; text-align:center; }
footer .copyinfo .selectbox p a:first-child { border-right:1px solid #eee; }
footer .copyinfo .selectbox p .onX { background-color:#eee; color:#000; }
footer .copylink { width:300px; display:flex; }
footer .copylink > div { width:50%; }
footer .copylink h5 { font-size:18px; margin-bottom:10px; }
footer .copylink p { }
footer .copylink p a { display:block; color:#999; height:18px; line-height:18px; text-align:left; font-size:13px; }
}

@media screen and (max-width:900px) {
header { padding:0 20px; height:60px; }
header > div { max-width:1600px; margin:auto; position:relative; }
header .logo { text-align:center; padding:10px 0; }
header .logo img { height:40px; }
header .logo #gnb_open {position:absolute;top:15px; left:-5px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%; background:none; font-size:21px; cursor:pointer; z-index:1001; }
header .logo #user_btn {position:absolute;top:15px; right:-5px;padding:0 10px;height:30px;width:30px;border:0; font-size:21px;background:none;letter-spacing:-0.1em; cursor:pointer; z-index:1001; }
header .topmenu { position:fixed; top:0px; left:-50%; width:50%; height:100%; padding:0; background-color:#fff; z-index:1005; }
header .topmenu > li { position:relative; border-bottom:1px solid #eee; }
header .topmenu > li > a { display:block; padding:0 15px; height:50px; line-height:50px; width:150px; }
header .topmenu > li > span { position:absolute; top:0px; right:0px; width:50px; height:50px; display:block; background:url(/images/select.png) no-repeat center / auto 5px; z-index:1001; }
header .topmenu > li > ul { width:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); display:none; }
header .topmenu > li > ul li { border-top:1px solid #4e95ff; }
header .topmenu > li > ul li a { display:block; padding:0 15px; height:40px; line-height:40px; font-weight:500; font-family: 'Noto Sans KR'; font-size:13px; color:#fff; background-color:#06F; }
header .toplogin { position:fixed; top:0px; right:0px; width:50%; height:100%; padding:20px 0; background-color:#fff; z-index:1001;  display:none; }
header .toplogin li a { display:block; padding:0 10px; height:30px; line-height:30px; font-size:12px; background-color:#06F; color:#fff; margin:5px 50px; border-radius:7px; }
header .toplogin .member i { color:#666; }
header .toplogin .won { color:#003597; }
header .toplogin .won i { color:#003597; }
header .toplogin .logout { border:1px solid #fff; border-radius:30px; padding:0 10px; }
.login_on { background-color:#003597; height:60px; }
.login_on .logo button i { color:#fff; }
.login_on .logo #gnb_open {position:absolute;top:17px; left:-5px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size:21px; cursor:pointer; z-index:1001; }
.login_on .logo #user_btn {position:absolute;top:17px; right:-5px;padding:0 10px;height:30px;width:30px;border:0; color:#fff;font-size:21px;background:none;letter-spacing:-0.1em; cursor:pointer; z-index:1001; }
.login_on .topmenu > li > a { color:#666; }
.login_on .toplogin .member i { color:#fff; }
.login_on .toplogin .won i { color:#fff; }
.login_on .toplogin .logout { border:1px solid #fff; border-radius:30px; padding:0 10px; }
.login_on .toplogin .logout i { color:#fff; }
.m_menu_back { display:none; width:50%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0px; right:0px; z-index:10002; }

.wrapper {}
.wrapper .wr_container { }

footer { padding:25px; background-color:#fff; border-top:1px solid #eee; }
footer .copyright { max-width:1600px; margin:auto; position:relative; }
footer .copylogo { text-align:center; padding:0 0 25px; }
footer .copylogo img { width:180px; }
footer .copyinfo { padding:0 0 25px; }
footer .copyinfo span { display:inline-block; height:30px; line-height:30px; font-size:15px; position:relative; padding:0 15px 0 0; margin:0 15px 0 0; color:#999; }
footer .copyinfo span:after { visibility:visible; content:""; display:block; width:1px; height:15px; background-color:#ddd; position:absolute; top:50%; right:0px; transform:translateY(-50%); }
footer .copyinfo span font { font-weight:500; }
footer .copyinfo span b { font-weight:bolder; }
footer .copyinfo > p { font-size:15px; color:#999; margin-top:20px; }
footer .copyinfo .infologo { margin:30px 0 15px; }
footer .copyinfo .infologo img { margin-right:15px; }
footer .copyinfo .selectbox { display:flex; column-gap:15px; padding:20px 0 0; }
footer .copyinfo .selectbox select { height:40px; width:200px; border:1px solid #ddd; }
footer .copyinfo .selectbox p { display:flex; width:80px; border-radius:3px; border:1px solid #ddd; }
footer .copyinfo .selectbox p a { display:block; width:50%; height:40px; line-height:40px; text-align:center; }
footer .copyinfo .selectbox p a:first-child { border-right:1px solid #eee; }
footer .copyinfo .selectbox p .onX { background-color:#eee; color:#000; }
footer .copylink { display:flex; }
footer .copylink > div { width:50%; }
footer .copylink select { height:40px; width:200px; border:1px solid #ddd; margin-right:25px; }
footer .copylink h5 { font-size:18px; margin-bottom:10px; }
footer .copylink p { }
footer .copylink p a { display:block; color:#999; height:18px; line-height:18px; font-size:13px; }
}


.tb_frm {}
.tb_frm table { width:100%; text-align:left; border-bottom:1px solid #ddd; border-top:3px solid #0062df; background-color:#fff; }
.tb_frm table tr th { padding:10px; border-bottom:1px solid #ddd; }
.tb_frm table tr td { padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.tb_frm table tr:last-child td { border-bottom:1px solid #ddd; border-left:0px; }

.btnset { text-align:center; }
.btnset .cancel { display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; background-color:#ddd; color:#000; border-radius:5px; margin:auto; }