@charset "utf-8";

@font-face { font-family:"notoSans"; src:url("./fonts/NotoSansKR-Light.eot"); src:url("./fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/NotoSansKR-Light.woff") format("woff"), url("./fonts/NotoSansKR-Light.woff2") format("woff2"); font-weight:300; font-style:normal; }
@font-face { font-family:"notoSans"; src:url("./fonts/NotoSansKR-Regular.eot"); src:url("./fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/NotoSansKR-Regular.woff") format("woff"), url("./fonts/NotoSansKR-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; }
@font-face { font-family:"notoSans"; src:url("./fonts/NotoSansKR-Medium.eot"); src:url("./fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/NotoSansKR-Medium.woff") format("woff"), url("./fonts/NotoSansKR-Medium.woff2") format("woff2"); font-weight:500; font-style:normal; }
@font-face { font-family:"notoSans"; src:url("./fonts/NotoSansKR-Bold.eot"); src:url("./fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/NotoSansKR-Bold.woff") format("woff"), url("./fonts/NotoSansKR-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; }
@font-face { font-family:"notoSans"; src:url("./fonts/NotoSansKR-Black.eot"); src:url("./fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/NotoSansKR-Black.woff") format("woff"), url("./fonts/NotoSansKR-Black.woff2") format("woff2"); font-weight:900; font-style:normal; }

@font-face { font-family:"Paperlogy"; font-weight:400; src:url("./fonts/Paperlogy-4Regular.woff") format("woff"); }
@font-face { font-family:"Paperlogy"; font-weight:500; src:url("./fonts/Paperlogy-5Medium.woff") format("woff"); }
@font-face { font-family:"Paperlogy"; font-weight:600; src:url("./fonts/Paperlogy-6SemiBold.woff") format("woff"); }
@font-face { font-family:"Paperlogy"; font-weight:700; src:url("./fonts/Paperlogy-7Bold.woff") format("woff"); }
@font-face { font-family:"Paperlogy"; font-weight:800; src:url("./fonts/Paperlogy-8ExtraBold.woff") format("woff"); }

@font-face { font-family:"Pretendard"; font-weight:900; font-display:swap; src:local("Pretendard Black"), url("./fonts/Pretendard-Black.woff2") format("woff2"), url("./fonts/Pretendard-Black.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:800; font-display:swap; src:local("Pretendard ExtraBold"), url("./fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("./fonts/Pretendard-ExtraBold.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:700; font-display:swap; src:local("Pretendard Bold"), url("./fonts/Pretendard-Bold.woff2") format("woff2"), url("./fonts/Pretendard-Bold.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:600; font-display:swap; src:local("Pretendard SemiBold"), url("./fonts/Pretendard-SemiBold.woff2") format("woff2"), url("./fonts/Pretendard-SemiBold.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:500; font-display:swap; src:local("Pretendard Medium"), url("./fonts/Pretendard-Medium.woff2") format("woff2"), url("./fonts/Pretendard-Medium.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:400; font-display:swap; src:local("Pretendard Regular"), url("./fonts/Pretendard-Regular.woff2") format("woff2"), url("./fonts/Pretendard-Regular.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:300; font-display:swap; src:local("Pretendard Light"), url("./fonts/Pretendard-Light.woff2") format("woff2"), url("./fonts/Pretendard-Light.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:200; font-display:swap; src:local("Pretendard ExtraLight"), url("./fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("./fonts/Pretendard-ExtraLight.woff") format("woff"); }
@font-face { font-family:"Pretendard"; font-weight:100; font-display:swap; src:local("Pretendard Thin"), url("./fonts/Pretendard-Thin.woff2") format("woff2"), url("./fonts/Pretendard-Thin.woff") format("woff"); }

@font-face { font-family:"scdream"; font-style:normal; font-weight:100; src:url("./fonts/scdream1.woff2") format("woff2"), url("./fonts/scdream1.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:200; src:url("./fonts/scdream2.woff2") format("woff2"), url("./fonts/scdream2.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:300; src:url("./fonts/scdream3.woff2") format("woff2"), url("./fonts/scdream3.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:400; src:url("./fonts/scdream4.woff2") format("woff2"), url("./fonts/scdream4.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:500; src:url("./fonts/scdream5.woff2") format("woff2"), url("./fonts/scdream5.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:600; src:url("./fonts/scdream6.woff2") format("woff2"), url("./fonts/scdream6.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:700; src:url("./fonts/scdream7.woff2") format("woff2"), url("./fonts/scdream7.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:800; src:url("./fonts/scdream8.woff2") format("woff2"), url("./fonts/scdream8.woff") format("woff"); }
@font-face { font-family:"scdream"; font-style:normal; font-weight:900; src:url("./fonts/scdream9.woff2") format("woff2"), url("./fonts/scdream9.woff") format("woff"); }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

* { font-family:"notoSans", "Malgun Gothic", "맑은 고딕", "Helvetica", "Apple-Gothic", "Dotum", "돋움", "Gulim", "굴림", "sans-serif"; }

html, body { height:100%; }
body { margin:0; padding:0; font-family:"notoSans", "Malgun Gothic", "맑은 고딕", "Helvetica", "Apple-Gothic", "Dotum", "돋움", "Gulim", "굴림", "sans-serif"; font-size:15px; line-height:1; color:#333333; letter-spacing:-0.02em; }
hr, caption { display:none; }
colgroup { background:none; }
h1 { font-size:150%; }
h2 { font-size:125%; }
h3 { font-size:110%; }
h4 { font-size:100%; }
h5 { font-size:90%; }
h6 { font-size:75%; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, table, caption, tbody, tfoot, thead, tr, th, td, img { border:0; margin:0; padding:0; list-style:none; }
table { clear:both; width:100%; border-spacing:0px; border:0; border-collapse:collapse; }
p, div, th, td { color:#555555; }
img,input,select,textarea { vertical-align:middle }
input.type-image, input.type-radio { border:0 none; }
textarea { font-size:100% }
legend { display:none; }

a:link, a:visited { color:#111111; text-decoration:none; }
a:focus, a:hover, a:active { color:#111111; text-decoration:none !important; }

img { border:0; }

th { text-align:center; }
input[type="file"] { display:initial; cursor:pointer; }

body.bgop1 { background:#ffffff; }
body.bgop2 { background:#dddddd; }

.skip { position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0; }
#skip-navi a { position:absolute; display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0; }
#skip-navi a:hover,#skip-navi a:active,#skip-navi a:focus { width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:500; font-size:12px; color:#333; font-family:Tahoma; line-height:1; }

.btn_center { text-align:center; }

.status-span { display:inline-block; padding:1px 0 1px 0; width:75px; color:#ffffff; font-size:12px; font-weight:400; text-decoration:none; white-space:nowrap; vertical-align:middle; }

.status-span.blue { background:#2173ce; }
.status-span.purple { background:#8f6bda; }
.status-span.yellow { background:#f79711; }
.status-span.red { background:#7d0000; }
.status-span.light-red { background:#a40000; }
.status-span.grey { background:#a0998a; }
.status-span.charcoal { background:#393d43; }
.status-span.navy { background:#0b2557; }
.status-span.green { background:#008000; }
.status-span.orange { background:#f67400; }

.status-span2.blue { color:#2173ce; font-weight:500; }
.status-span2.purple { color:#8f6bda; font-weight:500; }
.status-span2.yellow { color:#f79711; font-weight:500; }
.status-span2.red { color:#7d0000; font-weight:500; }
.status-span2.light-red { color:#a40000; font-weight:500; }
.status-span2.grey { color:#a0998a; font-weight:500; }
.status-span2.charcoal { color:#393d43; font-weight:500; }
.status-span2.navy { color:#0b2557; font-weight:500; }
.status-span2.green { color:#008000; font-weight:500; }
.status-span2.orange { color:#f67400; font-weight:500; }

.redBold { font-size:12px; font-weight:500; color:red; }

.input01 { border:1px solid #BBBBBB; }
.title { font-size:9pt; color:#666666; }
.text { font-size:9pt; color:#666666; }
.xf_title { font-size:9pt; color:#113d8e; background:#fcfcfc; text-align:center; }
.xf_text { font-size:9pt; color:#000000; background:#ffffff; text-align:center; }
.xf_alert_text { font-size:9pt; color:#000000; }
.button1 { font-size:9pt; background:#ebebeb; border:2px #000000 solid; }
.input02 { border:0px #FFFFFF solid; }
.input_value { text-align:right; padding-right:1px }
.xf_text1 span { text-align:center; }
.xf_text1 { padding-left:0px; font-size:9pt; color:#000000; background:#ffffff; text-align:center; }
.xf_text1 td { text-align:center; }
.link_img { cursor:pointer; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

body.popop1 { padding:20px 20px 20px 20px; }

#wrap { }
#wrap2 { position:relative; width:1200px; margin:0 auto; }

.wrap_c { position:relative; width:1200px; margin:0 auto; }

#header { overflow:hidden; padding:20px 0 5px 0; }
#header h1 { float:left; margin:0 0 0 15px; }

#header .topArea { float:right; margin:13px 0 12px 0; }
#header .topArea .user_info { float:left; }
#header .topArea .user_info span { display:inline-block; margin:8px 0 0 0; }
#header .topArea .user_info img { vertical-align:middle; }
#header .topArea .user_info strong { color:#007cd0; font-weight:700; }
#header .topArea .user_info a { display:inline-block; padding:3px 10px 3px 10px; background:#777777; color:#ffffff; font-size:13px; font-weight:400; text-align:center; letter-spacing:-0.03em; border-radius:4px;  transition:all 0.3s ease; }
#header .topArea .user_info a.link1 { background:#777777; margin:0 3px 0 10px; }
#header .topArea .user_info a.link2 { background:#31a97c; }
#header .topArea .user_info a.link1:hover { background:#333333; }
#header .topArea .user_info a.link2:hover { background:#1b8a60; }

#header .topArea .text_size { float:left; margin:0 15px 0 0; }
#header .topArea .text_size span,
#header .topArea .text_size a { float:left; display:block; }

#popup_header { padding:0 0 20px 0; overflow:hidden; }
#popup_header h1 { float:left; color:#111111; font-size:18px; font-weight:700; letter-spacing:-0.05em; }

#mainmenu { clear:both; position:relative; height:55px; background:#454f59; }

#mainmenu .depth1 { float:left; width:100%; height:55px; padding:0; background:url(/resources/sws/images/common/mainmenu/mainmenu_bg.gif) repeat-x; }
#mainmenu .depth1 li { float:left; background:url(/resources/sws/images/common/mainmenu/line.gif) no-repeat 0 0.6em; }
#mainmenu .depth1 li a { display:block; width:138px; padding:10px 0 10px 0; text-align:center; }
#mainmenu .depth1 li.on a { background:url(/resources/sws/images/common/mainmenu/bg_on.gif) no-repeat center bottom; }
#mainmenu .depth1 li .depth2 { display:none; position:absolute; top:55px; }
#mainmenu .depth1 li .sm5 { left:540px; }
#mainmenu .depth1 li .sm6 { left:640px; }
#mainmenu .depth1 li .depth2 li { background:url(/resources/sws/images/common/mainmenu/line_sub.gif) no-repeat 0 0.9em; }
#mainmenu .depth1 li .depth2 li a { width:auto; padding:12px 13px 0 13px; text-align:left; font-weight:bold; background:none; }
#mainmenu .depth1 li .depth2 li.on a { color:#0066cc; }
#mainmenu .depth1 li:first-child,
#mainmenu .depth1 li .depth2 li:first-child { background:none; }

#mainmenu .depth1-1 { display:flex; align-items:center; justify-content:center; }
#mainmenu .depth1-1 li { }
#mainmenu .depth1-1 li a { display:block; height:55px; padding:0 25px 0 25px; color:#ffffff; font-size:19px; font-weight:700; text-align:center; line-height:55px; letter-spacing:-0.05em; transition:all 0.3s ease; }
#mainmenu .depth1-1 li a:hover { background:#2b8fda; }
#mainmenu .depth1-1 li a.on { background:#2b8fda; }
#mainmenu .depth1-1 li .depth2 { display:none; position:absolute; top:55px; }
#mainmenu .depth1-1 li .sm5 { left:540px; }
#mainmenu .depth1-1 li .sm6 { left:640px; }
#mainmenu .depth1-1 li .depth2 li { background:url(/resources/sws/images/common/mainmenu/line_sub.gif) no-repeat 0 0.9em; }
#mainmenu .depth1-1 li .depth2 li a { width:auto; padding:12px 13px 0 13px; text-align:left; font-weight:bold; background:none; }
#mainmenu .depth1-1 li .depth2 li.on a { color:#0066cc; }
#mainmenu .depth1-1 li:first-child,
#mainmenu .depth1-1 li .depth2 li:first-child { background:none; }

#container { position:relative; width:1200px; margin:0 auto; overflow:hidden; padding:40px 0 0 0; }
#container2 { position:relative; width:1200px; margin:0 auto; overflow:hidden; }
#container3 { position:relative; overflow:hidden; }
#container4 { position:relative; min-width:1000px; overflow:hidden; padding:40px 40px 40px 40px; }
#container4.pop1 { padding:30px 30px 30px 30px; }
#container4.pop2 { padding:22px 25px 30px 25px; }
#container4.pop3 { padding:20px 25px 20px 25px; }
#container4.mwop1 { min-width:auto; }
#container5 { position:relative; overflow:hidden; padding:30px 30px 30px 30px; }

#content { min-height:550px; overflow:hidden; }

#subSection { padding:40px 0 0 0; }
#subSection2 { padding:10px 0 0 0; }

.sub_visual { display:none; }

.pageInfo { padding:0 0 10px 0; overflow:hidden; border-bottom:1px solid #dddddd; }
.pageInfo h3 { float:left; color:#333333; font-size:28px; font-weight:900; letter-spacing:-0.05em; }
.pageInfo div.right { float:right; }
.pageInfo div.right .loc { margin:10px 0 0 0; float:left; color:#666666; line-height:20px; }

.pageInfo div.right .sub_tab { float:left; margin:10px 0 0 0; }
.pageInfo div.right .sub_tab li { float:left; }
.pageInfo div.right .sub_tab li a { display:block; height:12px; padding:8px 10px 7px 10px; border:1px solid #393939; color:#fff; background:url(/resources/sws/images/common/sub_tab/bg_off.gif) repeat-x; }
.pageInfo div.right .sub_tab li.current a { background:url(/resources/sws/images/common/sub_tab/bg_on.gif) repeat-x; }

#footer { clear:both; margin:60px 0 0 0; padding:30px 0 30px 0; border-top:1px solid #d8d8d8; }
#footer .footer_inner { overflow:hidden; width:1200px; margin:0 auto; padding:0 0 0 230px; color:#777777; font-size:13px; font-weight:400; text-align:center; letter-spacing:0.00em; background:url("../images/footer_logo_01.png") no-repeat 0 0; box-sizing:border-box; }
#footer .footer_inner .copy { float:left; margin:18px 0 0 0; font-size:11px; }
#footer .footer_inner .copy strong { color:#113d8e; }
#footer .footer_inner .link_site { float:right; margin:0 15px 0 0; padding:0 0 0 50px; background:url(/resources/sws/images/common/ico_earth.gif) no-repeat }
#footer .footer_inner .link_site fieldset { margin:0 0 5px 0; }
#footer .footer_inner .link_site label { font-weight:bold; color:#2173ce; }
#footer .footer_inner .link_site .select_type1 { width:100px; }
#footer .footer_inner ul { overflow:hidden; }
#footer .footer_inner ul li { margin:0 0 10px 0; color:#777777; font-size:13px; letter-spacing:-0.01em; text-align:left; }
#footer .footer_inner ul li.fop1 { margin:0 0 10px 0; font-size:12px; letter-spacing:.00em; }
#footer .footer_inner ul li:last-child { margin:0 0 0 0; }
#footer .footer_inner span { display:inline-block; color:#cccccc; font-size:12px; font-weight:300; padding:0 5px 0 5px; }
#footer .footer_inner em { color:#222222; font-size:12px; font-weight:500; font-style:normal; }

body.login { background:url(/resources/sws/images/login/sws_login_bg.png) no-repeat center 0px; }
body.login h1 { margin:0 0 25px 0; }
body.login .info_txt { margin:0 0 45px 0; }
body.login .parent { float:left; width:262px; padding:20px 0 0 40px; }
body.login .parent h2 { margin:0 0 15px -20px; }
body.login .parent label { font-weight:bold; color:#395100; }
body.login .parent a { margin:10px 0 0 40px; display:block; }
body.login .jumininput { width:58px; height:18px; border:1px solid #475c11; }
body.login .charge { float:right; width:265px; padding:20px 0 0 20px; }
body.login .charge h2 { margin:0 0 20px 0; }
body.login .charge .user_info { float:left; width:175px; margin:0px 5px 0 0; }
body.login .charge .user_info div { margin:0 0 3px 0; }
body.login .charge .user_info label { display:inline-block; line-height:1.4; font-size:12px; font-weight:bold; color:#022f62; }
body.login .charge .user_info label span { display:inline-block; width:60px; }
body.login .charge .user_info input#uid { width:105px; height:16px; border:1px solid #004794; }
body.login .charge .user_info input#pw { width:105px; height:16px; border:1px solid #004794; margin-left:6px; }
body.login .charge .btn_login { float:left; }
body.login .charge .info_search { clear:both; margin:19px 0 0 0; }
body.login .charge .info_search a { display:inline-block; line-height:1.2; font-weight:bold; font-size:12px; color:#fff; }
body.login .charge .info_search a.id_search { margin:0 98px 0 60px; }

.tellArea { margin-top:20px; padding:10px 10px 10px 10px; border:1px solid #000; background:#f2f2f2; text-align:center; }
.tel { line-height:45px; color:red; padding-left:20px; font-size:35px; }

#downloadArea { width:300px; margin-top:-180px; font-weight:bold; font-size:14px; }
#downloadArea h1 { margin-bottom:10px; }
#downloadArea li { margin-bottom:5px; }
#downloadArea button { border:none; margin:0; padding:0; width:auto; overflow:visible; background:transparent; color:inherit; font:inherit; line-height:normal; -webkit-font-smoothing:inherit; -moz-osx-font-smoothing:inherit; -webkit-appearance:none; color:red; cursor:pointer; }

.helpfont { border:2px solid black; padding:10px 10px 10px 10px; font-size:16px; font-weight:bold; }
.infoArea { background-color:#faedd2; }
.noticeArea {background-color:#eff6e7;}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.main_visual { position:relative; float:left; width:499px; height:476px; margin:33px 0 0 11px; background:url(/resources/sws/images/main/ssif_main5.png) no-repeat 0 bottom; }
.main_visual .ban { position:absolute; top:87px; right:10px; }
.main_visual .ban a:first-child { margin:0 5px 0 0; }

.main_visual2 { position:relative; float:left; width:499px; margin:33px 0 0 11px; }
.main_visual2 .ban { position:absolute; top:87px; right:10px; }
.main_visual2 .ban a:first-child { margin:0 5px 0 0; }

.main_visual3 { position:relative; overflow:hidden; height:202px; padding:70px 0 0 100px; background:url("../images/visual_01.jpg") no-repeat 0 0; box-sizing:border-box; }
.main_visual3 h1 { color:#111111; font-size:34px; font-weight:700; letter-spacing:-0.07em; animation:main_visual3_ani1 3s ease; }
.main_visual3 h2 { margin:10px 0 0 1px; color:#666666; font-size:24px; font-weight:500; letter-spacing:-0.04em; animation:main_visual3_ani2 3s ease; }
@keyframes main_visual3_ani1 { 0% { opacity:0.0; transform:translateY(-50%); } 100%{ opacity:1.0; transform:translateY(0); } }
@keyframes main_visual3_ani2 { 0% { opacity:0.0; transform:translateY(50%); } 100%{ opacity:1.0; transform:translateY(0); } }

.state { margin:0 0 35px 0; }
.state h2 { margin:0 0 8px 0; }
.state .table_state { border-top:1px solid #111111; border-right:1px solid #ccc; }
.state .table_state th,
.state .table_state td { padding:5px 0 4px 0; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc;  }
.state .table_state thead th { color:#113d8e; background:#ededed; }
.state .table_state tbody th { color:#555; }

.tab_list { clear:both; position:relative; width:100%; height:180px; overflow:hidden; margin:0 0 35px 0; background:url(/resources/sws/images/main/bg_tab.gif) repeat-x 0 25px; }
.tab_list div { float:left; }
.tab_list div h2 { float:left; }
.tab_list div table { clear:both; position:absolute; top:36px; left:0; width:421px; overflow:hidden; }
.tab_list div .more { position:absolute; top:6px; right:10px; }

.main_list { width:100%; background:url(/resources/sws/images/main/list_bg.gif) no-repeat; }
.main_list thead th { padding:6px 0 12px 0; color:#fff; }
.main_list tbody td { padding:4px 0 3px 0; text-align:center; }
.main_list tbody td.con { padding:3px 0 2px 10px; text-align:left; }
.main_list tbody td.date { color:#989898; }

.main_list2 { width:100%; }
.main_list2 thead th { padding:6px 0 6px 0; color:#fff; }
.main_list2 tbody td { padding:4px 0 3px 0; text-align:center; }
.main_list2 tbody td.con { padding:3px 0 2px 10px; text-align:left; }
.main_list2 tbody td.date { color:#989898; }

.notice { position:relative; }
.notice h2 { margin:0 0 15px 0; }
.notice ul li { margin:0 0 9px 0; padding:0 0 0 10px; background:url(/resources/sws/images/main/bul_dot.gif) no-repeat 0 0.4em; }
.notice ul li a { display:inline-block; width:330px; }
.notice ul li span { display:inline-block;color:#989898; }
.notice .more { position:absolute; top:0px; right:10px; }
.notice .more2 { position:absolute; top:55%; right:40px; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/* law */
.law_list { overflow:hidden; margin:0 0 20px 0; padding:15px 0 0 0; border:2px solid #113d8e; background:#f1f4f8; }
.law_list li { float:left; padding:0 15px 15px 15px; font-weight:bold; color:#113d8e; background:url(/resources/sws/images/common/bul/bul_bar.gif) no-repeat right 0; }
.law_list li.last-child { background:none; }
.law_con { line-height:1.5; }
.law_con h1 { font-size:13px; }
.law_con h2 { margin:0 0 20px; font-size:16px; color:#113d8e; }
.law_con .info { padding:15px 0 40px 0; color:#113d8e; }
.law_con .em { font-weight:bold; color:#333; }
.law_con ol { padding:0 0 20px 0; }
.law_con li { margin:0 0 25px; }
.law_con li li { margin:0 0 5px 0; }
.law_con li ul { padding:0 0 0 10px; }
.law_con li ul ul { padding:0 0 5px 15px; }

.step { text-align:center; }

.popup_accident { width:450px; height:139px; padding:5px; border:3px solid #ccc; background:#fff; }
.popup_accident table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; border-right:1px solid #ccc; margin-bottom:20px; }
.popup_accident table th,
.popup_accident table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 10px 10px 10px; text-align:center; }
.popup_accident table th { color:#113d8e; background:#fcfcfc; }
.popup_accident .btn_center { width:150px; margin:0 auto; text-align:center; }

.popup_search { width:500px; overflow:hidden; padding:15px 15px 15px 15px; border:1px solid #999999; background:#ffffff; box-sizing:border-box; }
.popup_search table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; padding:0 0 0 0; }
.popup_search table th { border:1px solid #d8d8d8; padding:5px 5px 5px 5px; color:#333333; font-size:14px; font-weight:500; text-align:center; letter-spacing:-0.03em; background:#f2f2f2; }
.popup_search table td { border:1px solid #d8d8d8; padding:5px 5px 5px 5px; color:#555555; font-size:14px; font-weight:400; text-align:left; letter-spacing:-0.03em; }
.popup_search input[type="text"] { width:100%; height:30px; padding:0 10px 0 10px; border:1px solid #dddddd; box-sizing:border-box; }

.popup_schoolid { overflow:hidden; width:250px; padding:20px 20px 20px 20px; border:1px solid #999999; text-align:center; background:#ffffff; }
.popup_schoolid .searchago { margin-bottom:20px; }
.popup_schoolid .searchago label { display:inline-block; color:#111111; font-size:14px; font-weight:500; letter-spacing:-0.03em; }
.popup_schoolid .searchago input[type="text"] { width:100%; height:24px; padding:0 10px 0 10px; box-sizing:border-box; border:1px solid #dddddd; }

.popup_attacker { width:730px; height:910px; padding:5px; border:3px solid #ccc; background:#fff; }
.popup_attacker table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; border-right:1px solid #ccc; margin-bottom:20px; padding:0; }
.popup_attacker table th,
.popup_attacker table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; line-height:100%; }
.popup_attacker table th { color:#113d8e; background:#fcfcfc; }
.popup_attacker table td { text-align:left; }
.popup_attacker .btn_center { width:150px; margin:0 auto; text-align:center; }
.popup_attacker table td.td1 { height:26px; padding:7px 0 0 17px; }
.popup_attacker table td.td2 { height:26px; padding:7px 0 0 17px; background:#fcfcfc url(/resources/sws/images/board/bul_dot.gif) no-repeat 10px 16px; font-weight:bold; color:#113d8e; border-top:2px solid #ccc; }

.popup_schoolbus { width:930px; height:722px; padding:5px; border:3px solid #ccc; background:#fff; }
.popup_schoolbus table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; border-right:1px solid #ccc; margin-bottom:20px; padding:0; }
.popup_schoolbus table th,
.popup_schoolbus table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; line-height:100%; }
.popup_schoolbus table th { color:#113d8e; background:#fcfcfc; }
.popup_schoolbus table td { text-align:left; }
.popup_schoolbus .btn_center { width:150px; margin:0 auto; text-align:center; }
.popup_schoolbus table td.td1 { height:26px; padding:7px 0 0 17px; }
.popup_schoolbus table td.td2 { height:26px; padding:7px 0 0 17px; background:#fcfcfc url(/resources/sws/images/board/bul_dot.gif) no-repeat 10px 16px; font-weight:bold; color:#113d8e; border-top:2px solid #ccc; }

.popup_schoolbus2 { width:950px; height:180px; padding:5px; border:3px solid #ccc; background:#fff; }
.popup_schoolbus2 table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; border-right:1px solid #ccc; margin-bottom:20px; padding:0; }
.popup_schoolbus2 table th,
.popup_schoolbus2 table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; line-height:100%; }
.popup_schoolbus2 table th { color:#113d8e; background:#fcfcfc; }
.popup_schoolbus2 table td { text-align:left; }
.popup_schoolbus2 .btn_center { width:150px; margin:0 auto; text-align:center; }
.popup_schoolbus2 table td.td1 { height:26px; padding:7px 0 0 17px; }
.popup_schoolbus2 table td.td2 { height:26px; padding:7px 0 0 17px; background:#fcfcfc url(/resources/sws/images/board/bul_dot.gif) no-repeat 10px 16px; font-weight:bold; color:#113d8e; border-top:2px solid #ccc; }

.popup_ex { width:484px; height:213px; padding:5px; background:#fff; }
.popup_ex table { border-spacing:0; border-collapse:collapse; border-top:1px solid #111111; border-right:1px solid #ccc; margin-bottom:20px; padding:0; }
.popup_ex table th,
.popup_ex table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; line-height:100%; }
.popup_ex table th { color:#113d8e; background:#fcfcfc; }
.popup_ex table td { text-align:left; }
.popup_ex .btn_center { width:150px; margin:0 auto; text-align:center; }

.calendarnotice { overflow:hidden; margin:30px 0 0 0; background:url(/resources/sws/images/common/ico_calendar.gif) no-repeat; }
.calendarnotice p { padding:0 0 0 66px; color:#333333; font-size:15px; line-height:20px; }
.calendarnotice p span { color:#fb3109; font-weight:700; }

.lawul { margin:0; padding:0; list-style:none; }
.lawul li { padding:8px 0; }
.lawul li .subject { width:600px; display:inline-block; }
.lawul li .btn { width:79px; text-align:center; display:inline-block; }

.lawtxt { width:100%; text-align:center; }
.lawtxt a:link,
.lawtxt a:visited { text-decoration:none; color:#333; }
.lawtxt a:hover,
.lawtxt a:active,
.lawtxt a:focus { text-decoration:none; color:#00f; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.bbs_list1 { margin:0 0 30px 0; line-height:1.2em; border-top:1px solid #111111; }
.bbs_list1 th { padding:15px 5px 15px 5px; color:#111111; border-bottom:1px solid #dddddd; background:#f4f4f4; text-align:center; }
.bbs_list1 td { padding:15px 5px 15px 5px; border-bottom:1px solid #dddddd; text-align:center; }
.bbs_list1 td.tit { padding:15px 20px 15px 20px; text-align:left; }
.bbs_list1 td.tit a { font-weight:700; text-decoration:underline; }
.bbs_list1 td.tit a:hover { text-decoration:underline !important; }
.bbs_list1 td.taop1 { text-align:left; padding:15px 5px 15px 15px; }
.bbs_list1 td.taop2 { text-align:right; padding:15px 15px 15px 5px; }
.bbs_list1 ul.inbox { overflow:hidden; }
.bbs_list1 ul.inbox li { text-align:center; }
.bbs_list1 ul.inbox li.btns { margin:3px 0 0 0; }
.bbs_list1 dl { overflow:hidden; margin:0 0 0 0; }
.bbs_list1 dl.mop1 { margin:6px 0 0 0; }
.bbs_list1 dl dt { margin:0 0 5px 0; }
.bbs_list1 dl dt:last-child { margin:0 0 0 0; }
.bbs_list1 input[type="radio"] { margin:-1px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.bbs_list1 input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }

.bbs_list2 { margin:0 0 30px 0; line-height:1.2em; border-top:1px solid #111111; }
.bbs_list2.mop1 { margin:0 0 40px 0; }
.bbs_list2.mop2 { margin:0 0 0 0; }
.bbs_list2.mop3 { margin:15px 0 30px 0; }
.bbs_list2 th { padding:15px 20px 15px 20px; color:#111111; text-align:left; font-weight:500; border:1px solid #dddddd; background:#f2f2f2; }
.bbs_list2 th.fop1 { font-size:15px; }
.bbs_list2 th.bgop1 { background:#f2faff; font-weight:700; }
.bbs_list2 th.bgop2 { background:#fdf8f7; font-weight:700; }
.bbs_list2 th.bgop3 { background:#f8fbf6; font-weight:700; }
.bbs_list2 td { padding:15px 20px 15px 20px; border:1px solid #dddddd; }
.bbs_list2 td.tit { padding:19px 20px 19px 20px; color:#111111; font-size:18px; font-weight:900; text-align:center; }
.bbs_list2 td.conts { padding:20px 20px 100px 20px; }
.bbs_list2 .line th,
.bbs_list2 .line td { border-top:2px solid #cccccc; }
.bbs_list2 th strong { padding:0 0 0 8px; background:url(/resources/sws/images/board/bul_dot.gif) no-repeat 0 0.4em; }
.bbs_list2 th span.guide { display:block; margin:-15px 0 0 0; font-size:11px; text-align:center; }
.bbs_list2 label { position:relative; top:3px; font-weight:400; }
.bbs_list2 label.mop1 { cursor:pointer; margin:0 15px 0 0; }
.bbs_list2 label.mop2 { cursor:pointer; }
.bbs_list2 input { ime-mode:active; border:1px solid #dddddd; }
.bbs_list2 input[readonly] { background-color:#f0f0f0; }
.bbs_list2 input[type="file"] { border:none; }
.bbs_list2 input[type="text"] { width:100%; height:30px; padding:0 10px 0 10px; box-sizing:border-box; }
.bbs_list2 input[type="text"].wop1 { width:auto; }
.bbs_list2 input[type="text"].wop2 { ime-mode:disabled; width:120px; }
.bbs_list2 input[type="text"].wop3 { width:calc(100% - 80px); }
.bbs_list2 input[type="text"].wop4 { width:calc(100% - 130px); margin:0 0 0 5px; }
.bbs_list2 input[type="text"].wop5 { width:150px; margin:0 0 0 5px; }
.bbs_list2 input[type="text"].wop6 { width:90%; }
.bbs_list2 input[type="text"].wop7 { width:49%; }
.bbs_list2 input[type="radio"] { margin:-1px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.bbs_list2 input[type="checkbox"] { margin:-1px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.bbs_list2 input[type="password"] { width:100%; height:30px; padding:0 10px 0 10px; box-sizing:border-box; }
.bbs_list2 select { height:30px; padding:0 0 0 10px; cursor:pointer; border:1px solid #dddddd; box-sizing:border-box; }
.bbs_list2 select.wop1 { width:120px; }
.bbs_list2 select.wop2 { width:100%; }
.bbs_list2 select.wop3 { width:49%; margin:0 2% 0 0; }
.bbs_list2 select.wop4 { width:auto; }
.bbs_list2 select.mop1 { margin:0 0 0 10px; }
.bbs_list2 textarea { width:100%; padding:10px 10px 10px 10px; border:1px solid #dddddd; box-sizing:border-box; }
.bbs_list2 .btn { float:right; padding:0 10px 0 0; }
.bbs_list2 table { width:100%; margin:0 auto; }
.bbs_list2 table th,
.bbs_list2 table td { text-align:center; }
.bbs_list2_info { padding:0 0 10px 0; color:#111111; line-height:1.4; }
.bbs_list2 .xf_title tr,
.bbs_list2 .xf_title td { text-align:center; }

.bbs_list3 { margin:0 0 30px 0; line-height:1.2em; border-top:1px solid #111111; text-align:center; font-size:9pt; }
.bbs_list3 th { padding:9px 0 6px 10px; color:#111111; text-align:left; font-weight:normal; border:1px solid #dddddd; background:#fcfcfc; }
.bbs_list3 th.taop1 { padding:9px 0 6px 0; text-align:center; }
.bbs_list3 td { padding:9px 0 6px 8px; border:1px solid #dddddd; }
.bbs_list3 .line th,
.bbs_list3 .line td { border-top:2px solid #ccc; }
.bbs_list3 th strong { padding:0 0 0 8px; background:url(/resources/sws/images/board/bul_dot.gif) no-repeat 0 0.4em; }
.bbs_list3 th span.guide { display:block; margin:-15px 0 0 0; font-size:11px; font-weight:normal; text-align:center; }
.bbs_list3 input { border:1px solid #dddddd; }
.bbs_list3 input.type-radio { border:0; }
.bbs_list3 textarea { width:96%; padding:10px 10px 10px 10px; border:1px solid #dddddd; }
.bbs_list3 .btn { float:right; padding:0 10px 0 0; }
.bbs_list3 table { width:94%; margin:0 auto; }
.bbs_list3 table th,
.bbs_list3 table td { text-align:center; }
.bbs_list3_info { padding:0 0 10px 0; color:#111111; line-height:1.4; }

.bbs_list4 { line-height:1.2em; border-top:1px solid #111111; }
.bbs_list4 th { padding:9px 0 6px 10px; color:#111111; text-align:left; font-weight:normal; border:1px solid #dddddd; background:#fcfcfc; }
.bbs_list4 td { padding:9px 0 6px 8px; border:1px solid #dddddd; }
.bbs_list4 .textarea { padding:0 0 0 0; }
.bbs_list4 textarea { width:100%; height:97%; overflow:hidden; padding:1px; }
.bbs_list4 .linetitle tr,
.bbs_list4 .linetitle th { text-align:left; }
.bbs_list4 .line tr,
.bbs_list4 .line th { padding-left:0px; text-align:center; }
.bbs_list4 .line td { border-top:2px solid #ccc; text-align:center; }
.bbs_list4 th strong { padding:0 0 0 8px; background:url(/resources/sws/images/board/bul_dot.gif) no-repeat 0 0.4em; }
.bbs_list4 th span.guide { display:block; margin:-15px 0 0 0; font-size:11px; font-weight:normal; text-align:center; }
.bbs_list4 input { border:1px solid #dddddd; }
.bbs_list4 input.type-radio { border:0; }
.bbs_list4 textarea { width:96%; padding:10px 10px 10px 10px; border:1px solid #dddddd; }
.bbs_list4 .btn { float:right; padding:0 10px 0 0; }
.bbs_list4 table { width:99%; margin:0 auto; }
.bbs_list4 table th,
.bbs_list4 table td { text-align:center; }
.bbs_list4_info { padding:0 0 10px 0; color:#111111; line-height:1.4; }
.bbs_list4 #trTitle tr,
.bbs_list4 #trTitle td { padding-left:0px; text-align:center; }
.bbs_list4 .xf_title tr,
.bbs_list4 .xf_title td { padding-left:0px; text-align:center; }
.bbs_list4 .xf_text1 td { padding-left:0px; text-align:center; }
.bbs_list4 .inth th { padding-left:0px; text-align:center; }
.bbs_list4 .onlyth th { padding-left:10px; text-align:left; }
.bbs_list4 .twocenter th,
.bbs_list4 .twocenter td { padding-left:0px; text-align:center; }

.bbs_list5 { line-height:1.2em; border-top:1px solid #111111; }
.bbs_list5 th { padding:9px 0 6px 10px; color:#111111; text-align:center; font-weight:normal; border:1px solid #dddddd; background:#fcfcfc; }
.bbs_list5 td { padding:9px 0 6px 8px; border:1px solid #dddddd; }
.bbs_list5 .textarea { padding:0 0 0 0; }
.bbs_list5 textarea { width:100%; height:97%; overflow:hidden; padding:1px; }
.bbs_list5 .linetitle tr,
.bbs_list5 .linetitle th { text-align:center; }
.bbs_list5 .line tr,
.bbs_list5 .line th { padding:0px; text-align:center; }
.bbs_list5 .line td { border-top:2px solid #ccc; text-align:center; }
.bbs_list5 th strong { padding:0 0 0 8px; background:url(/resources/sws/images/board/bul_dot.gif) no-repeat 0 0.4em; }
.bbs_list5 th span.guide { display:block; margin:-15px 0 0 0; font-size:11px; font-weight:normal; text-align:center; }
.bbs_list5 input { border:1px solid #dddddd; }
.bbs_list5 input.type-radio { border:0; }
.bbs_list5 textarea { width:96%; padding:10px 10px 10px 10px; border:1px solid #dddddd; }
.bbs_list5 .btn { float:right; padding:0 10px 0 0; }
.bbs_list5 table { width:99%; margin:0 auto; }
.bbs_list5 table th,
.bbs_list5 table td { text-align:center; }
.bbs_list5_info { padding:0 0 10px 0; color:#111111; line-height:1.4; }
.bbs_list5 #trTitle tr,
.bbs_list5 #trTitle td { padding:0px; text-align:center; }
.bbs_list5 .xf_title tr,
.bbs_list5 .xf_title td { padding:0px; text-align:center; }
.bbs_list5 .xf_text1 td { padding:0px; text-align:center; }
.bbs_list5 .inth th { padding:0px; text-align:center; }
.bbs_list5 .onlyth th { padding:10px 10px 10px 10px; text-align:center; }
.bbs_list5 .twocenter th,
.bbs_list5 .twocenter td { padding:0px; text-align:center; }

.paging { overflow:hidden; text-align:center; }
.paging a { display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #dddddd; margin:0 5px 0 0; }
.paging a:last-child { margin:0 0 0 0; }
.paging a.on { color:#ffffff; font-weight:500; border:1px solid #666666; background:#666666; }
.paging a.btn span { position:relative; z-index:-1; font-size:90%; }
.paging a.btn.prev { background:#ffffff url(/resources/sws/images/board/ico_prev.gif) no-repeat center center; }
.paging a.btn.next { background:#ffffff url(/resources/sws/images/board/ico_next.gif) no-repeat center center; }
.paging a.btn.first { background:#ffffff url(/resources/sws/images/board/ico_first.gif) no-repeat center center; }
.paging a.btn.last { background:#ffffff url(/resources/sws/images/board/ico_last.gif) no-repeat center center; }

.search { overflow:hidden; padding:0 0 15px 0; }
.search.mop1 { margin:20px 0 0 0; }
.search .term { float:left; width:300px; }
.search .victim { float:right; }
.search .victim legend { padding:2px 0 0 0; }
.search .victim label { font-weight:500; }
.search .victim input { }
.search .type-text { padding:0 10px 0 10px; margin:0 5px 0 5px; height:30px; border:1px solid #dddddd; border-radius:4px; box-sizing:border-box; }
.search select { padding:0 0 0 10px; height:30px; border:1px solid #dddddd; cursor:pointer; border-radius:4px; box-sizing:border-box; }
.search .link1 { display:inline-block; padding:0 10px 0 10px; height:30px; background:#444444; color:#ffffff; font-size:14px; font-weight:400; text-align:center; letter-spacing:-0.03em; cursor:pointer; border-radius:4px; }
.search .link2 { display:inline-block; padding:0 10px 0 10px; height:30px; background:#927d67; color:#ffffff; font-size:14px; font-weight:400; text-align:center; line-height:30px; letter-spacing:-0.03em; cursor:pointer; border-radius:4px; vertical-align:middle; }

.btn { text-align:center; }

.btn_set { margin:30px 0 0 0; padding:0 0 13px 0; text-align:right; border-bottom:1px solid #dddddd; }
.btn_set.mop1 { margin:0 0 0 0; }
.btn_set a { margin:0 4px 0 0; }
.btn_set a:last-child { margin:0 0 0 0; }

.btn_link1 { display:inline-block; padding:0 12px 0 12px; height:26px; background:#f4f4f4; color:#333333 !important; font-size:13px; font-weight:400; text-align:center; line-height:24px; letter-spacing:-0.03em; border:1px solid #bbbbbb; border-radius:4px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease; }
.btn_link1:hover { background:#666666; color:#ffffff !important; border:1px solid #666666; }
.btn_link1.op1 { margin:0 0 0 5px; height:24px; line-height:22px; }
.btn_link1.op2 { height:24px; line-height:22px; border-radius:0; }

.btn_linkred1 { display:inline-block; padding:0 12px 0 12px; height:26px; background:#f4f4f4; color: red !important; font-size:13px; font-weight:400; text-align:center; line-height:24px; letter-spacing:-0.03em; border:1px solid #bbbbbb; border-radius:4px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease; }
.btn_linkred1:hover { background:rgb(255, 0, 0); color:#ffffff !important; border:1px solid red; }
.btn_linkred1.op1 { margin:0 0 0 5px; height:24px; line-height:22px; }
.btn_linkred1.op2 { height:24px; line-height:22px; border-radius:0; }



.btn_link2 { display:inline-block; padding:0 12px 0 12px; height:26px; background:#f2faff; color:#007cd0 !important; font-size:13px; font-weight:400; text-align:center; line-height:24px; letter-spacing:-0.03em; border:1px solid #007cd0; border-radius:4px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease; }
.btn_link2:hover { background:#007cd0; color:#ffffff !important; }

.btn_link3 { display:inline-block; padding:0 12px 0 12px; height:26px; background:#fdfbf7; color:#f67400 !important; font-size:13px; font-weight:400; text-align:center; line-height:24px; letter-spacing:-0.03em; border:1px solid #f67400; border-radius:4px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease; }
.btn_link3:hover { background:#f67400; color:#ffffff !important; }

.btn_set2 { float:right; padding:0 0 10px 0; }
.btn_set2.up { margin:-30px 0 0 0; }

.bbs_navi { margin:0 0 20px 0; border-top:1px solid #111111; }
.bbs_navi li { padding:20px 20px 20px 80px; border-bottom:1px solid #dddddd; }
.bbs_navi li a { margin:0 0 0 80px; color:#111111; font-weight:500; letter-spacing:-0.03em; }

.bbs_info th { width:13%; }

.input_table input { width:100%; }

table td.leftAlign { text-align:left; white-space:pre-line; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

*:lang(ko-kr) { font-family:"notoSans"; }
img { border:0px; vertical-align:top; }
body { margin:0px; }
ul, ol, li, dl, dt, dd, div, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

a.rollover img { display:inline; }
a.rollover img.over { display:none; }
a.on img { display:none }
a.on img.over { display:inline }
a.rollover img.on { display:none; }
a.rollover:hover { border:0 none; cursor:pointer }
a.rollover:hover img { display:none }
a.rollover:hover img.over { display:inline }
a.rollover:hover img.on { display:none; }
a.click img { display:inline }
a.click img.over { display:none }
a.click:hover { border:0 none; cursor:pointer }
a.click:hover img { display:inline }
a.click:hover img.over { display:none }
.hand { cursor:pointer; }

.warp_mainTop { clear:both; width:890px; overflow:auto; overflow:hidden; border:1px solid #dddddd; margin-bottom:22px; background:url('../image/bg_mainTop.gif') repeat-y 0 0; }
:root .warp_mainTop { width:888px; }
.warp_mainTop h4 { width:100%; height:25px; overflow:auto; overflow:hidden; border-bottom:0px solid #3E3E3E; }
.warp_mainTop h4 .imgTitle { float:left; }
.warp_mainTop h4 .moreBtn { float:right; }

.box_todayHot { float:left; width:206px; }
.box_topBanner { float:left; width:540px; position:relative; top:0px; left:0px; }
.box_topBanner2 { float:left; width:540px; position:relative; top:0px; left:1px; }
.box_specialList { float:left; width:142px; }

.box_todayHot_con { width:172px; height:286px; overflow:auto; overflow:hidden; margin:16px 0 0 16px; }
.box_todayHot_con ul { clear:both; width:100%; overflow:auto; overflow:hidden; }
.box_todayHot_con ul li { width:100%; }
.box_todayHot_con ul li a { cursor:pointer; }
.box_todayHot_con ul .title { width:100%; height:28px; font-size:12px; color:#666666; overflow:hidden; line-height:14px; margin-top:15px; }
.box_todayHot_con ul .price { width:100%; margin-top:6px; text-align:center; font-size:0px; letter-spacing:0; }
.box_todayHot_con ul .price img { vertical-align:top; margin-right:1px; }
.box_todayHot_con ul .price span { position:relative; top:7px; left:1px; font-size:12px; font-weight:500; color:#d23a38; }
.box_todayHot_con ul a:hover .price { text-decoration:none; }

.box_todayHot_con2 { width:172px; height:246px; overflow:auto; overflow:hidden; margin:12px 0 0 16px; }
.box_todayHot_con2 h4 { height:19px; }
.box_todayHot_con2 ul { clear:both; width:100%; overflow:auto; overflow:hidden; }
.box_todayHot_con2 ul li { width:100%; }
.box_todayHot_con2 ul li a { cursor:pointer; }
.box_todayHot_con2 ul .title { width:100%; height:14px; font-size:12px; color:#666666; overflow:hidden; line-height:14px; margin-top:8px; }
.box_todayHot_con2 ul .price { width:100%; margin-top:5px; text-align:center; font-size:0px; letter-spacing:0; }
.box_todayHot_con2 ul .price img { vertical-align:top; margin-right:1px; }
.box_todayHot_con2 ul .price span { position:relative; top:2px; left:1px; font-size:12px; font-weight:500; color:#d23a38; }
.box_todayHot_con2 ul a:hover .price { text-decoration:none; }

.box_todayHot_prd { clear:both; width:100%; overflow:auto; overflow:hidden; }
.todayHotPrd_table { clear:both; table-layout:fixed; margin:0 0 0 8px; width:190px; }
.todayHotPrd_table .naviL { vertical-align:top; padding-top:21px; text-align:left; }
.todayHotPrd_table .naviR { vertical-align:top; padding-top:21px; text-align:right; }
ul.todayHot_prd { width:168px; margin-left:-4px; }
ul.todayHot_prd li { float:left; display:inline; width:52px; position:relative; top:0px; left:0px; text-align:center; margin:0 0 0 4px; }
ul.todayHot_prd li div { cursor:pointer; }
ul.todayHot_prd .prdImg img { width:50px; height:50px; border:1px solid #dddddd; }
ul.todayHot_prd .prdimgOn img { width:50px; height:50px; border:1px solid #CA5A5A; }

.box_topBanner .btn_topBanner { position:absolute; top:341px; left:492px; z-index:10; }
.box_topBanner .over_topBanner { }
.over_topBanner .over { position:absolute; top:329px; left:0px; width:540px; height:41px; background:url('../image/bg_topBanner.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_topBanner.png'); }
.over_topBanner ul { position:absolute; top:329px; left:0px; width:540px; height:41px; clear:both; overflow:auto; overflow:hidden; margin:0 0 0 0; }
.over_topBanner ul img { margin:-3px 10px 0 10px; }
.over_topBanner ul li.prev { float:left; width:270px; height:41px; padding-top:15px; }
.over_topBanner ul li.next { float:right; width:270px; height:41px; padding-top:15px; text-align:right; }
.over_topBanner a:link, .over_topBanner a:active, .over_topBanner a:visited { font-size:12px; color:#FFFFFF; text-decoration:none }
.over_topBanner a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline !important; }

.box_topBanner2 .btn_topBanner { position:absolute; top:291px; left:490px; z-index:10; }
.box_topBanner2 .over_topBanner2 { }
.over_topBanner2 .over { position:absolute; top:279px; left:0px; width:538px; height:41px; background:url('../image/bg_topBanner2.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_topBanner2.png'); }
.over_topBanner2 ul { position:absolute; top:279px; left:0px; width:538px; height:41px; clear:both; overflow:auto; overflow:hidden; margin:0 0 0 0; }
.over_topBanner2 ul img { margin:-3px 10px 0 10px; }
.over_topBanner2 ul li.prev { float:left; width:269px; height:41px; padding-top:15px; }
.over_topBanner2 ul li.next { float:right; width:269px; height:41px; padding-top:15px; text-align:right; }
.over_topBanner2 a:link, .over_topBanner2 a:active, .over_topBanner2 a:visited { font-size:12px; color:#FFFFFF; text-decoration:none }
.over_topBanner2 a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline !important; }

.box_specialList_con { width:122px; overflow:auto; overflow:hidden; margin:16px 0 0 13px; }
.box_specialList_con ul { clear:both; width:100px; margin-left:8px; overflow:auto; overflow:hidden; }
.box_specialList_con ul li { width:100%; height:164px; }
.box_specialList_con ul li a { cursor:pointer; }
.box_specialList_con ul .title { width:100%; height:28px; font-size:11px; color:#666666; overflow:hidden; line-height:14px; margin-top:7px; letter-spacing:-0.02em; }
.box_specialList_con ul .price { width:100%; margin-top:2px; font-size:12px; font-weight:500; color:#d23a38; text-align:center; }
.box_specialList_con ul a:hover .price { text-decoration:none; }

.box_specialList_con2 { width:122px; overflow:auto; overflow:hidden; margin:12px 0 0 13px; }
.box_specialList_con2 h4 { height:20px; }
.box_specialList_con2 h4 .moreBtn { margin-top:1px; }
.box_specialList_con2 ul { clear:both; width:100px; margin-left:8px; overflow:auto; overflow:hidden; }
.box_specialList_con2 ul li { width:100%; height:144px; }
.box_specialList_con2 ul li a { cursor:pointer; }
.box_specialList_con2 ul .title { width:100%; height:14px; font-size:11px; color:#666666; overflow:hidden; line-height:14px; margin-top:6px; letter-spacing:-0.02em; }
.box_specialList_con2 ul .price { width:100%; margin-top:2px; font-size:12px; font-weight:500; color:#d23a38; text-align:center; }
.box_specialList_con2 ul a:hover .price { text-decoration:none; }

.warp_category { clear:both; width:890px; margin-top:0px; }

.box_category { clear:both; width:890px; }
.box_category dt.ctgBig { width:890px; height:30px; background:url('../image/bg_categoryTab.gif') no-repeat 0 0; }
.box_category dt.ctgBig ul { clear:both; width:100%; overflow:auto; overflow:hidden; }
.box_category dt.ctgBig ul li { float:left; }
.box_category dt.ctgBig ul li.home { float:right; text-align:right; padding-right:11px; }
.box_category dt.ctgBig ul li.home img { margin:5px 0 0 0; }
.box_category dd.ctgBig { clear:both; width:890px; border-bottom:1px solid #DADADA; background:url('../image/bg_dp_cateboxm.gif') repeat-y 0 0; }
.box_category dd.ctgBig_sub { clear:both; width:890px; border-bottom:1px solid #DADADA; overflow:auto; overflow:hidden; background:url('../image/bg_dp_cateboxm.gif') repeat-y 0 0; }

.icon_cate_arrow { cursor:pointer; z-index:100 }
img.icon_cate_arrow_img { vertical-align:top; top:0px; left:0; margin:1px 0 0 0; z-index:10 }
img.icon_cate_arrow_imgOn { position:relative; z-index:101; vertical-align:top; top:0px; left:0; margin:1px 0 0 0; }
.ctgLayer_Layer { position:absolute; top:17px; left:0px; z-index:100; display:none; }
.ctg_area1 { left:0px; }
.ctg_area2 { left:-175px; }
.ctg_area3 { left:-350px; }
.ctg_area4 { left:-525px; }
.ctg_area5 { left:-700px; }

dl.box_ctgSub { clear:both; width:868px; overflow:auto; overflow:hidden; }
dl.box_ctgSub dt.bg_categorySubTop { width:868px; height:4px; background:url('../image/bg_categorySubTop.gif') no-repeat 0 0; font-size:0px; line-height:0px; }
dl.box_ctgSub dd.ctg_List { background:#FFFFFF; border:1px solid #B7B7B7; border-top:0px; }
dl.box_ctgSub dd.ctg_List ul { clear:both; width:100%; padding:21px 0 0 24px; background:#FFFFFF }
dl.box_ctgSub dd.ctg_List ul li { float:left; width:150px; height:23px; line-height:23px; font-size:12px; color:#666666; margin-right:20px; padding-left:10px; background:url('../image/bl_cateSub.gif') no-repeat 0 4px; }
dl.box_ctgSub dd.ctg_List ul li.last { margin-right:0px; }
dl.box_ctgSub dd.ctg_List .ctg_listBtn { clear:both; width:100%; text-align:right; top:-4px; padding:0 7px 7px 0; }

.lay_category { position:relative; top:0px; left:0; z-index:100; }
ul.item_list { clear:both; width:100%; padding:21px 0 8px 10px; }
ul.item_list li.dpM_sub { float:left; width:165px; height:23px; line-height:23px; font-size:12px; color:#666666; margin-right:10px; padding-left:11px; background:url('../image/bl_rect_gray.gif') no-repeat 4px 4px; }
 :root ul.item_list li.dpM_sub { width:154px; }
ul.item_list li.dpM_subLast { float:left; width:165px; height:23px; line-height:23px; font-size:12px; color:#666666; margin-right:0px; padding-left:11px; background:url('../image/bl_rect_gray.gif') no-repeat 4px 4px; }
ul.item_list a:link, ul.item_list a:active, ul.item_list a:visited { font-size:12px; color:#666666; text-decoration:none }
ul.item_list a:hover { font-size:12px; color:#D23A38; text-decoration:none }

.lay_category div.divpwrctg { clear:both; width:862px; margin:0 0 8px 14px; padding-top:21px; background:url('../image/bg_dotLine_cc.gif') repeat-x left top; }
.lay_category div.divpwrctg ul { clear:both; width:100%; }
.lay_category div.divpwrctg li { float:left; text-align:left; padding:0 0 0 6px; width:150px; height:21px; margin-right:25px; background:url('../image/bl_rect_red2.gif') no-repeat 0 4px; }
 :root .lay_category div.divpwrctg li { width:144px; }
.lay_category div.divpwrctg li a { color:#D23A38; font-family:"notoSans" }
.lay_category div.divpwrctg li.selected a { background-color:#F9E5E5; }
.lay_category div.divpwrctg li.last { margin-right:0px; }
.lay_category div.divpwrctg li img { margin:0 0 -2px 3px; vertical-align:baseline; }

ul.tab_brand { clear:both; width:888px; height:28px; overflow:auto; overflow:hidden; margin-left:1px; }
ul.tab_brand li { float:left; display:inline; width:222px; height:28px; padding-top:9px; font-size:12px; color:#666666; text-align:center; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; cursor:pointer; background:#F1F1F1; }
 :root ul.tab_brand li { width:221px; height:18px; }
ul.tab_brand li.on { font-size:12px; font-weight:500; color:#D23A38; text-decoration:none; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; border-bottom:0px solid #DADADA; }
ul.tab_brand li.last { border-right:0px; }

ul.tab_brand5 { clear:both; width:888px; height:28px; overflow:auto; overflow:hidden; margin-left:1px; }
ul.tab_brand5 li { float:left; display:inline; width:178px; height:28px; padding-top:9px; font-size:12px; color:#666666; text-align:center; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; cursor:pointer; background:#F1F1F1; }
 :root ul.tab_brand5 li { width:177px; height:18px; }
ul.tab_brand5 li.on { width:176px; font-size:12px; font-weight:500; color:#D23A38; text-decoration:none; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; border-bottom:0px solid #DADADA; }
ul.tab_brand5 li.last { border-right:0px; }

ul.brand_list { clear:both; width:888px; overflow:auto; overflow:hidden; padding:21px 0 14px 14px; }
ul.brand_list li { float:left; width:165px; height:20px; line-height:20px; font-size:12px; color:#666666; margin-right:10px; padding-left:9px; background:url('../image/bl_rect_gray.gif') no-repeat 0 4px; }
 :root ul.brand_list li { width:156px; }
ul.brand_list li.last { margin-right:0px; }
ul.brand_list li.on { color:#D23A38; text-decoration:underline; }
ul.brand_list a:link, ul.brand_list a:active, ul.brand_list a:visited { font-size:12px; color:#666666; text-decoration:none }
ul.brand_list a:hover { font-size:12px; color:#666666; text-decoration:underline !important; }
ul.brand_list li.on a:link, ul.brand_list li.on a:active, ul.brand_list li.on a:visited { font-size:12px; color:#D23A38; text-decoration:underline !important; }
ul.brand_list li.on a:hover { font-size:12px; color:#D23A38; text-decoration:underline !important; }

.ssBchoice { clear:both; width:100%; border:0px solid #DADADA; border-top:0px; border-bottom:0px; background:url('../image/bg_grayLine1.gif') repeat-x 0 0; }
.ssBchoice .sb_table { width:872px; table-layout:fixed; margin:1px 0 2px 8px; } /* 110211수정 */
.ssBchoice .naviL { vertical-align:top; padding-top:0px; text-align:left; }
.ssBchoice .naviR { vertical-align:top; padding-top:0px; text-align:right }
.ssBchoice #bestChoice_roll { width:100%; height:49px; }
.ssBchoice #bestChoice_roll li { float:left; width:133px; margin-right:37px; cursor:pointer; }
.ssBchoice #bestChoice_roll a { cursor:pointer; }
.ssBchoice #bestChoice_roll li div.title { width:100%; height:13px; overflow:hidden; font-size:11px; color:#666666; margin-top:3px; text-align:center; }
.ssBchoice #bestChoice_roll li.last { margin-right:0px; }
.ssBchoice #bestChoice_roll a:link .title, .ssBchoice #bestChoice_roll a:active .title, .ssBchoice #bestChoice_roll a:visited .title { font-size:11px; color:#666666; text-decoration:none; letter-spacing:-0.02em; }
.ssBchoice #bestChoice_roll a:hover .title { font-size:11px; color:#D23A38; text-decoration:underline !important; letter-spacing:-0.02em; }

.ssBchoice .sb_tableNew { width:872px; table-layout:fixed; margin:4px 0 2px 8px; }
.ssBchoice .sb_tableNew .naviL { vertical-align:top; padding-top:0px; text-align:left; }
.ssBchoice .sb_tableNew .naviR { vertical-align:top; padding-top:0px; text-align:right }
.ssBchoice .sb_tableNew #bestChoice_roll { width:100%; height:31px; }
.ssBchoice .sb_tableNew #bestChoice_roll li { float:left; width:133px; margin-right:37px; cursor:pointer; }
.ssBchoice .sb_tableNew #bestChoice_roll a { cursor:pointer; }
.ssBchoice .sb_tableNew #bestChoice_roll li div.title { width:100%; height:13px; overflow:hidden; font-size:11px; color:#666666; margin-top:3px; text-align:center; }
.ssBchoice .sb_tableNew #bestChoice_roll li.last { margin-right:0px; }
.ssBchoice .sb_tableNew #bestChoice_roll a:link .title, .ssBchoice .sb_tableNew #bestChoice_roll a:active .title, .ssBchoice .sb_tableNew #bestChoice_roll a:visited .title { font-size:11px; color:#666666; text-decoration:none; letter-spacing:-0.02em; }
.ssBchoice .sb_tableNew #bestChoice_roll a:hover .title { font-size:11px; color:#D23A38; text-decoration:underline !important; letter-spacing:-0.02em; }

.warp_coverFlow { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:27px; } /* 110211수정 */

.warp_hitItem { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:27px; } /* 110211수정 */

.box_hitItem { clear:both; width:890px; overflow:auto; overflow:hidden; }
.box_hitItem dt { }
.box_hitItem dd { border:1px solid #dddddd; border-top:0px; }
.box_hitItem dt ul { clear:both; width:100%; overflow:auto; overflow:hidden; }
.box_hitItem dt ul li { float:left; }
.box_hitItem dd ul { clear:both; width:100%; overflow:auto; overflow:hidden; padding:21px 0 15px 23px; }
.box_hitItem dd ul li { float:left; width:130px; margin-right:46px; }
.box_hitItem dd ul li.last { margin-right:0px; }
.box_hitItem dd ul li a { cursor:pointer; }
.box_hitItem dd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:11px; }
.box_hitItem dd ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_hitItem dd ul a:hover .price { text-decoration:none; }

.warp_interior { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:35px; border-top:1px solid #3E3E3E; border-bottom:1px solid #D9D9D9; }
.warp_interior .ifrm_interior { margin:15px 0; }
.box_interior { width:890px; height:460px; }

dl.banner_interior { width:890px; overflow:auto; overflow:hidden; }
dl.banner_interior dt.boxT { float:left; width:724px; height:460px; border-right:1px solid #D9D9D9; }
dl.banner_interior dd.boxT { float:right; width:153px; height:460px; }
dl.banner_interior .banner_img { }
dl.banner_interior .ly_interior { }

.box_interiorPrd { }
.ly_interior dt.close .icon_click { display:block; position:absolute; top:-8px; left:0; width:100%; height:57px; }
.ly_interior dt.close .icon_click img { margin-top:0px; }
.ly_interior dt.open .overTop { position:absolute; top:130px; left:0px; width:710px; height:57px; background:url('../image/bg_interiorTop.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_interiorTop.png'); }
.ly_interior dt.open ul { position:absolute; top:130px; left:0px; width:710px; height:57px; clear:both; overflow:auto; overflow:hidden; margin:0 0 0 0; }
/* .ly_interior dt.close .overTop { position:absolute; top:403px; left:0px; width:710px; height:57px; background:url('../image/bg_interiorTop.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_interiorTop.png'); } */
.ly_interior dt.close .overTop { position:absolute; top:403px; left:0px; width:710px; height:57px; z-index:0; }
.ly_interior dt.close ul { position:absolute; top:403px; left:0px; width:710px; height:57px; clear:both; margin:0 0 0 0; z-index:100; }
.ly_interior dt ul img { margin:0 9px; }
.ly_interior dt ul li.prev { float:left; width:50px; height:57px; padding-top:8px; display:none; }
.ly_interior dt ul li.next { float:left; width:50px; height:57px; padding-top:8px; text-align:right; display:none; }
.ly_interior dt ul li.centerBtn { float:left; width:710px; height:57px; text-align:center; cursor:pointer; }
.ly_interior dt ul li.centerBtn img { margin-top:23px; }
.ly_interior dt ul li.centerBtn a { width:710px; height:57px; z-index:1000; cursor:pointer; background:url('../image/blank.gif') repeat 0 0; }
.ly_interior dd .overBtm { position:absolute; top:187px; left:0px; width:710px; height:273px; background:url('../image/bg_interiorBtm.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_interiorBtm.png'); }
.ly_interior dd .interiorPrd_scroll { position:absolute; top:199px; left:9px; width:690px; height:249px; overflow-y:scroll; }

ul.interiorPrd_List { overflow:auto; overflow:hidden; margin:11px 0 0 49px; }
ul.interiorPrd_List li { float:left; width:172px; height:240px; margin-right:39px; cursor:pointer; }
ul.interiorPrd_List li.last { margin-right:0px; }
ul.interiorPrd_List li img { width:172px; height:172px; }
ul.interiorPrd_List li a { cursor:pointer; }
ul.interiorPrd_List .title { width:100%; height:28px; font-size:12px; color:#C5C5C5; line-height:14px; margin-top:11px; overflow:auto; overflow:hidden; }
ul.interiorPrd_List .price { width:100%; margin-top:3px; font-size:12px; font-weight:500; color:#d23a38; }
ul.interiorPrd_List a:hover .price { text-decoration:none; }
ul.interiorPrd_List a:link .title, ul.interiorPrd_List a:active .title, ul.interiorPrd_List a:visited .title { font-size:12px; color:#C5C5C5; text-decoration:none }
ul.interiorPrd_List a:hover .title { font-size:12px; color:#C5C5C5; text-decoration:underline !important; }

/*
.lay_prdTxt { width:203px; height:25px; background:url('../image/bg_prdTxt.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_prdTxt.png'); }
.lay_prdTxt_Con { font-size:12px; color:#292929; margin:6px 5px 0 10px; width:188px; height:14px; overflow:auto; overflow:hidden; }
*/
.lay_prdTxt { display:inline; height:20px; background:#FFFFFF; white-space:nowrap; border:1px solid #E2E2E2; }
.lay_prdTxt .lay_prdTxt_Con { display:inline; font-size:11px; color:#181818; white-space:nowrap; margin:4px 8px 0 9px; height:14px; overflow:auto; overflow:hidden; }
 :root .lay_prdTxt .lay_prdTxt_Con { margin:0px; padding:4px 8px 0 9px; }

.ly_clickPrd { }
.ly_clickPrd .over_clickPrd { position:absolute; top:92px; left:253px; width:204px; height:270px; background:url('../image/bg_clickPrd.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_clickPrd.png'); }
ul.clickPrd { position:absolute; top:108px; left:269px; width:176px; height:241px; overflow:auto; overflow:hidden; }
ul.clickPrd li.prd { float:left; width:172px; cursor:pointer; }
ul.clickPrd li.prd img { width:172px; height:172px; }
ul.clickPrd li.prd a { cursor:pointer; }
ul.clickPrd li.bt_closePrd { text-align:right; }
ul.clickPrd .title { width:100%; height:28px; font-size:12px; color:#292929; line-height:14px; margin-top:11px; overflow:auto; overflow:hidden; }
ul.clickPrd .price { width:100%; margin-top:3px; font-size:12px; font-weight:500; color:#d23a38; }
ul.clickPrd a:hover .price { text-decoration:none; }
ul.clickPrd a:link .title, ul.clickPrd a:active .title, ul.clickPrd a:visited .title { font-size:12px; color:#292929; text-decoration:none }
ul.clickPrd a:hover .title { font-size:12px; color:#292929; text-decoration:underline !important; }

.box_interior_prdList { width:153px; height:460px; overflow:auto; overflow:hidden; overflow-y:scroll; }
ul.interior_prdList { clear:both; width:125px; overflow:auto; overflow:hidden; margin-top:-7px; }
ul.interior_prdList li { width:100%; border-bottom:1px solid #D9D9D9; padding:7px 0; cursor:pointer; }
ul.interior_prdList li.last { border-bottom:0px; padding-bottom:0px; }
ul.interior_prdList li.on { }
ul.interior_prdList li.on .select { display:block; }

.category_prd_Big { width:125px; }
.category_prd_Big .select { display:none; position:absolute; width:125px; height:80px; background:url('../image/over_select125.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/over_select125.png'); }
.category_prd_Big .over { position:absolute; width:125px; height:80px; background:url('../image/over_img125.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/over_img125.png'); }
.category_prd_Big .sinfo { position:absolute; width:125px; height:80px; }
.category_prd_Big .sinfo .tit { width:97px; height:34px; line-height:17px; margin:26px 0 0 14px; color:#C5C5C5; font-size:12px; letter-spacing:0; overflow:hidden; z-index:100; text-align:center; }
.category_prd_Big .sinfo .tit a:link, .category_prd_Big .sinfo .tit a:visited, .category_prd_Big .sinfo .tit a:active { text-decoration:none; color:#C5C5C5; font-size:12px; letter-spacing:0; line-height:17px; }
.category_prd_Big .sinfo .tit a:hover { text-decoration:none; color:#C5C5C5; font-size:12px; letter-spacing:0; line-height:17px; }
.category_prd_Big .simg { width:125px; height:80px; font-size:0px; line-height:0; }

.warp_boardList { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:30px; background:url("../image/bg_warp_boardList.gif") no-repeat 0 0; }
.warp_boardList h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_boardList h3 .imgTitle { float:left; }
.warp_boardList h3 .moreBtn { float:right; }

.box_diyStory { float:left; width:424px; margin-right:41px; }
.box_diyStory ul { clear:both; width:100%; overflow:auto; overflow:hidden; margin-top:3px; }
.box_diyStory ul li { width:100%; height:27px; background:url('../image/bg_dotLine2.gif') repeat-x 0 bottom; }
.box_diyStory ul div { padding:8px 0 0 11px; background:url('../image/bl_rect_red.gif') no-repeat 2px 11px; }
.box_diyStory ul a:link, .box_diyStory ul a:active, .box_diyStory ul a:visited { font-size:12px; color:#666666; text-decoration:none }
.box_diyStory ul a:hover { font-size:12px; color:#666666; text-decoration:underline !important; }

.box_prdSale { float:left; width:425px; }
.box_prdSale ul { clear:both; width:100%; overflow:auto; overflow:hidden; margin-top:3px; }
.box_prdSale ul li { float:left; width:100%; height:45px; background:url('../image/bg_dotLine2.gif') repeat-x 0 bottom; }
.box_prdSale dl { clear:both; width:100%; height:35px; margin-top:6px; overflow:auto; overflow:hidden; }
.box_prdSale dt { float:left; width:275px; margin-right:16px; }
.box_prdSale dt .title { clear:both; width:100%; height:17px; margin:1px 0 3px 0; font-size:11px; color:#7A7A7A; overflow:auto; overflow:hidden; }
.box_prdSale dt .title a:link, .box_prdSale dt .title a:visited, .box_prdSale dt .title a:active { font-size:11px; color:#7A7A7A; line-height:18px; text-decoration:none; }
.box_prdSale dt .title a:hover { font-size:11px; color:#7A7A7A; line-height:18px; text-decoration:underline !important; }
.box_prdSale dt .price01 { display:inline; padding:5px 5px 0 0; font-size:12px; color:#B5B5B5; text-decoration:line-through; }
.box_prdSale dt .price02 { display:inline; padding-top:5px; font-size:12px; font-weight:500; color:#DA6464; }
.box_prdSale dd.date { float:left; width:80px; font:normal 11px Tahoma; color:#7A7A7A; padding:5px 0 0 8px; background:url('../image/bg_saleDate.gif') no-repeat 0 0; }
.box_prdSale dd.date span { display:block; font-size:11px; color:#B5B5B5; padding-bottom:1px; }
.box_prdSale dd.icon { float:right; width:37px; }

.ifrm_rankingTop5 { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:30px; }
.warp_rankingTop5 { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:0px; }
.warp_rankingTop5 h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_rankingTop5 h3 .imgTitle { float:left; }
.warp_rankingTop5 h3 .moreBtn { float:right; }

.box_rankingList { float:left; width:172px; margin-top:9px; }
.box_rankingList ul { clear:both; width:145px; }
.box_rankingList ul li { width:100%; height:26px; font-size:12px; color:#666666; padding:7px 0 0 5px; }
 :root .box_rankingList ul li { height:19px; }
.box_rankingList ul li.on { background:#FDECEA; font-size:12px; color:#D23A38; padding:7px 0 0 5px ; }
.box_rankingList ul li a:link, .box_rankingList ul li a:visited, .box_rankingList ul li a:active { font-size:12px; color:#666666; text-decoration:none; }
.box_rankingList ul li a:hover { font-size:12px; color:#666666; text-decoration:underline !important; }
.box_rankingList ul li.on a:link, .box_rankingList ul li.on a:visited, .box_rankingList ul li.on a:active { font-size:12px; color:#D23A38; text-decoration:none; }
.box_rankingList ul li.on a:hover { font-size:12px; color:#D23A38; text-decoration:underline !important; }

.box_rankingPrd { float:left; width:718px; padding-top:20px; }
.box_rankingPrd ul { clear:both; width:100%; }
.box_rankingPrd ul li { float:left; width:130px; margin-right:17px; }
.box_rankingPrd ul li.last { margin-right:0px; }
.box_rankingPrd ul li a { cursor:pointer; }
.box_rankingPrd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:11px; }
.box_rankingPrd ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_rankingPrd ul a:hover .price { text-decoration:none; }

.ranking1 { width:37px; height:46px; margin-top:-11px; position:absolute; background:url('../image/ranking1.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/ranking1.png'); }
.ranking2 { width:35px; height:35px; position:absolute; background:url('../image/ranking2.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/ranking2.png'); }
.ranking3 { width:35px; height:35px; position:absolute; background:url('../image/ranking3.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/ranking3.png'); }
.ranking4 { width:35px; height:35px; position:absolute; background:url('../image/ranking4.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/ranking4.png'); }
.ranking5 { width:35px; height:35px; position:absolute; background:url('../image/ranking5.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/ranking5.png'); }

.warp_quickReview { clear:both; width:890px; margin-top:50px; }
.warp_quickReview_sub { clear:both; width:890px; margin-top:30px; }
.quick_2011 { clear:both; float:left; width:254px; height:205px; background:url("../image/bg_dp_quick_2010.gif") no-repeat; margin:0 0 0 0; text-align:left; }
.quick_2011 .scrTxt { width:222px; height:28px; margin-left:13px; padding:9px 0 0 30px; font-weight:bold; color:#2C2C2C; background:url("../image/bg_dp_quick.gif") no-repeat; } :root .quick_2010 .scrTxt { height:20px; padding-top:8px; letter-spacing:-0.02em; }
.quick_2011 .scrTxt strong { color:#C10100; }
.quick_2011 .scrTxt2 { background:url("../image/bg_dp_quick2.gif") no-repeat; }
.quick_2011 .scrTxtLay { position:absolute; width:222px; height:25px; margin:-3px 0 0 14px; padding:6px 0 0 13px; font-weight:bold; color:#6B6B6B; border:1px solid #B0B0B0; background:#FFF; } :root .quick_2010 .scrTxtLay { width:207px; height:18px; padding:5px 0 0 13px; }
.quick_2011 .scrTxtLay p { margin:0px; padding:0 0 0 16px; background:url("../image/bl_arrow_gray.gif") no-repeat left 3px; cursor:pointer; }
.quick_2011 .scrTxtLay strong { color:#D34D4C; }
.quick_2011 .scrTxtLay li { width:100%; padding-bottom:5px; }
.quick_2011 .optBox { padding-top:10px; }
.quick_2011 .optList { height:132px; }
.quick_2011 .optList p.stit { float:left; width:56px; margin:5px 0 5px 21px; font-size:0; line-height:0; display:inline; }
.quick_2011 .optList .optSel { float:left; width:156px; height:20px; margin:0 0 5px 0px; background:url("../image/bg_optSel2.gif") no-repeat; }
.quick_2011 .optList .optSel p { width:150px; height:19px; padding:5px 0 0 7px; cursor:pointer; overflow:hidden; } :root .quick_2010 .optList .optSel p { width:140px; height:21px; padding-top:1px; line-height:180%; }
.quick_2011 .optList .optSel ul.optSelList { position:absolute; width:156px; border:1px solid #dddddd; z-index:100; background:#FFF; overflow-x:hidden; overflow-y:auto; }
 :root .quick_2011 .optList .optSel ul.optSelList { width:154px; margin-top:-3px; }
.quick_2011 .optList .optSel ul.optSelList li { margin:1px; padding:3px 0 1px 5px; cursor:pointer; }
.quick_2011 .optBox .sctNum { float:left; width:131px; height:21px; margin:5px 0 0px 17px; padding-left:12px; font:normal 11px Dotum; background:url("../image/bl_arrow.gif") no-repeat 4px 2px; color:#2C2C2C; display:inline; letter-spacing:-0.02em; } :root .quick_2010 .optBox .sctNum { width:119px; }
.quick_2011 .optBox .sctNum strong { font:bold 11px Dotum; color:#D30000; letter-spacing:0; }
.quick_2011 .optBox .btn { float:left; }

.box_review { float:right; width:620px; margin:9px 0 0 0; border-top:1px solid #CB1718; }
.box_reviewBtm { width:100%; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; overflow:auto; overflow:hidden; }

.box_bestReview { float:left; display:inline; width:390px; height:172px; border-right:1px solid #dddddd; margin:12px 0 0 10px; overflow:auto; overflow:hidden; }
.box_bestReview dl { clear:both; width:373px; overflow:auto; overflow:hidden; padding:0 0 0 0; }
.box_bestReview dl dt { float:left; width:172px; margin-right:11px; }
.box_bestReview dl dd { float:left; width:190px; }
.box_bestReview dl dd a { cursor:pointer; }
.box_bestReview dl dd .bg_bestReviewTop { width:190px; height:49px; font-weight:500; color:#030303; text-align:center; padding-top:7px; background:url('../image/bg_bestReviewTop.gif') no-repeat 0 0; }
.box_bestReview dl dd .bestReview { width:100%; font:bold 11px Tahoma; color:#141414; margin-top:9px; }
.box_bestReview dl dd .icon_star { width:100%; margin-top:8px; }
.box_bestReview dl dd .content { width:100%; height:73px; font-size:12px; color:#666666; line-height:19px; margin-top:4px; overflow:auto; overflow:hidden; }
 :root .box_bestReview dl dd .content { line-height:18px; }
.box_bestReview dl a:hover .bg_bestReviewTop { text-decoration:none; }
.box_bestReview dl a:hover .bestReview { text-decoration:none; }
.box_bestReview dl a:hover .icon_star { text-decoration:none; }

.box_reviewList { float:left; width:200px; margin:12px 0 0 11px; overflow:auto; overflow:hidden; }
.box_reviewList dl { float:left; width:200px; overflow:auto; overflow:hidden; padding:0 0 11px 0; }
.box_reviewList dl dt { float:left; width:80px; height:80px; margin:0 10px 0 0; }
.box_reviewList dl dd { float:left; width:110px; }
.box_reviewList dl dd a { cursor:pointer; }
.box_reviewList dl .txt_categoryBestPrd { clear:both; width:100%; height:27px; }
.box_reviewList dl .txt_categoryBestPrd img { margin-top:9px; }
.box_reviewList dl .title { width:100%; height:28px; font-size:12px; color:#666666; line-height:14px; margin-top:0px; overflow:auto; overflow:hidden; }
.box_reviewList dl .price { width:100%; margin-top:3px; font-size:12px; font-weight:500; color:#d23a38; }
.box_reviewList dl a:hover .price { text-decoration:none; }

.warp_premiumPlus { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:30px; }
.warp_premiumPlus h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_premiumPlus h3 .imgTitle { float:left; }
.warp_premiumPlus h3 .moreBtn { float:right; }

.warp_premiumPlus ul { clear:both; width:100%; height:208px; margin:22px 0 0 0; }
 :root .warp_premiumPlus ul { margin:0px; padding:22px 0 0 0; }
.warp_premiumPlus ul li { float:left; width:130px; margin-right:60px; cursor:pointer; }
.warp_premiumPlus ul li.last { margin-right:0px; }
.warp_premiumPlus ul li a { cursor:pointer; }
.warp_premiumPlus ul .title { width:100%; height:34px; font-size:12px; color:#666666; line-height:17px; margin-top:9px; overflow:auto; overflow:hidden; }
.warp_premiumPlus ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.warp_premiumPlus ul a:hover .price { text-decoration:none; }

.prd_dotLine { background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }

.warp_banner890 { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:45px; }

#dimmed { display:none; position:absolute; min-width:890px; _width:890px; width:100%; background:#000; top:0px; left:0; z-index:99; filter:alpha(opacity=20); -moz-opacity:0.4; }

.rankingTop_scrollboxLayer { width:160px; height:212px; }
.rankingTop_scrollboxLayer .scrollbox { position:relative; color:#6C6C6C; font-size:12px; overflow:hidden; width:160px; height:212px; }
.rankingTop_scrollboxLayer .scrollbox .scrollIn { position:relative; overflow:hidden; margin:0px; padding-top:2px; }
.rankingTop_scrollboxLayer .scrollbox .scrollbar-v { position:absolute; top:0; right:0; width:13px; background:url("../image/bg_scroll.gif") repeat-y top left; cursor:pointer; }
.rankingTop_scrollboxLayer .scrollbox .scrollbar-v .button-up { position:absolute; top:0; left:0; background:url("../image/scrollbar_arrow_up.gif") no-repeat; width:13px; height:10px; }
.rankingTop_scrollboxLayer .scrollbox .scrollbar-v .button-down { position:absolute; bottom:0; left:0; background:url("../image/scrollbar_arrow_down.gif") no-repeat; width:13px; height:10px; }
.rankingTop_scrollboxLayer .scrollbox .scrollbar-v .thumb-v { position:absolute; background:url("../image/scrollbar_ball.gif") no-repeat; width:13px; height:24px; overflow:hidden; }

#viewIcon { position:relative; left:0px; top:0px; } :root #viewIcon { position:relative; left:0px; top:0px; }
#viewIcon2 { position:relative; left:0px; top:0px; } :root #viewIcon2 { position:relative; left:0px; top:0px; }
.viewIcon_btn172 { position:absolute; left:0px; top:0px; }
.viewIcon_btn130 { position:absolute; left:0px; top:0px; }
.viewIcon_btn130s { position:absolute; left:0px; top:109px; }
.viewIcon_btn104 { position:absolute; left:0px; top:0px; }
.viewIcon_btn96s { position:absolute; left:0px; top:77px; }
.viewIcon_btn100 { position:absolute; left:0px; top:0px; }
.viewIcon_btn80 { position:absolute; left:0px; top:0px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block } /* Hides from IE-mac \*/ *html .clearfix { height:1% } .clearfix { display:block }

.cs_hand { cursor:pointer; }
.dpCateFuni { padding-bottom:3px; background:url('') repeat-y 0 0; }
.dpCateFuni_bot { position:relative; clear:both; top:21px; margin-top:-19px; width:890px; font-size:0px; background:url('../image/bg_dp_cateboxb.gif') repeat-x 0 0; text-align:center; }
 :root .dpCateFuni_bot { top:19px; }

.dpCateFuni .tbDpCate { table-layout:fixed; margin:17px 0 0 0; padding-top:0px; }
/* .dpCateFuni .ctg { background:url('../image/bg_dp_dotline.gif') repeat-y right 0; } */
.dpCateFuni .ctg { padding-top:3px; }
.dpCateFuni .ctg img { margin:0 0 -2px 3px; vertical-align:baseline; }
.dpCateFuni .ctg li.dpM_sub { float:left; width:150px; padding:0 0 4px 6px; letter-spacing:0; background:url('../image/bl_rect_gray.gif') no-repeat 0 4px; }
.dpCateFuni .ctg a { color:#666666; letter-spacing:-0.02em; font-family:"notoSans"; }
.dpCateFuni .ctg a:hover { color:#666666; font-family:"notoSans" }
.dpCateFuni .ctg .dpM { width:150px; margin-left:15px; }
.dpCateFuni .last { border-right:0; background:none; }
.dpCateFuni .ctg .selected a { color:#d23a38; text-decoration:underline; }
.dpCateFuni .ctg .selected a:hover { color:#d23a38; text-decoration:underline !important; }

.box_category div.divpwrctg { clear:both; width:862px; margin:1px 0 0 15px; padding-top:13px; background:url('../image/bg_dotLine_cc.gif') repeat-x left top; }
.box_category div.divpwrctg ul { clear:both; width:100%; }
.box_category div.divpwrctg li { float:left; text-align:left; padding:0 0 0 6px; width:150px; height:21px; margin-right:28px; background:url('../image/bl_rect_red2.gif') no-repeat 0 4px; }
 :root .box_category div.divpwrctg li { width:144px; }
.box_category div.divpwrctg li a { color:#D23A38; font-family:"notoSans" }
.box_category div.divpwrctg li.selected a { background-color:#F9E5E5; }
.box_category div.divpwrctg li.last { margin-right:0px; }
.box_category div.divpwrctg li img { margin:0 0 -2px 3px; vertical-align:baseline; }

.dpCateFuni .dpCateTit { margin-bottom:3px; }
.dpCateFuni .dpS { display:inline; width:135px; }
.dpCateFuni .dpS li { float:left; width:135px; padding-left:11px; padding-bottom:0px; letter-spacing:0; }
.dpCateFuni .dpS .sub { background:url(../image/bg_dp_ctg4d.gif) no-repeat left top; }
.dpCateFuni .dpS .last { background:url(../image/bg_dp_ctg4d_last.gif) no-repeat left top; }
.dpCateFuni .dpS a { color:#888888; letter-spacing:-0.02em; font-family:"notoSans"; }
.dpCateFuni .dpS a:hover { color:#888888; font-family:"notoSans" }

.dpSchBar { width:890px; height:42px; background:url(../image/bg_dp_schbar.gif) no-repeat; margin-top:15px; text-align:left; }

.dpCateFuni div.divBrandctg { margin:12px 0 0 12px; padding-top:0px; }
.dpCateFuni div.divBrandctg ul { background:url(../image/bg_ctgln.gif) repeat-y left top; }
.dpCateFuni div.divBrandctg li { float:left; text-align:left; padding:2px 0 0 10px; width:156px; height:16px; margin-right:12px; background:url('../image/bl_dp_catebox.gif') no-repeat 3px 7px; }
*html .dpCateFuni div.divBrandctg li { w\idth:166px; he\ight:22px; }
.dpCateFuni div.divBrandctg li a { color:#6C6C6C; }
.dpCateFuni div.divBrandctg li.selected a { background-color:#F9E5E5; }
.dpCateFuni div.divBrandctg li.last { margin-right:0px; }
.dpCateFuni div.divBrandctg li img { margin:0 0 -2px 3px; vertical-align:baseline; }

.dpCateFuni .ctg img.icon_cate_arrow_img { vertical-align:top; position:relative; top:-1px; left:-2px; margin:0 0 0 0; z-index:0; }
.dpCateFuni .ctg img.icon_style { vertical-align:top; position:relative; top:-1px; left:1px; margin:0 0 0 0; }
.icon_cate_arrow1 { cursor:pointer; z-index:3; }
.icon_cate_arrow2 { cursor:pointer; z-index:2; }
.icon_cate_arrow3 { cursor:pointer; z-index:1; }

#codeBox_702 { width:500px; text-align:left; }
#codeBox_703 { width:600px; text-align:left; }
#codeBox_704 { width:620px; text-align:left; }
#codeBox_705 { width:600px; text-align:left; }
#codeBox_706 { width:600px; text-align:left; }
#codeBox_707 { width:600px; text-align:left; }
#codeBox_7070201 { width:300px; text-align:left; }
#codeBox_7070202 { width:300px; text-align:left; }
#codeBox_7070203 { width:300px; text-align:left; }
#codeBox_708 { width:600px; text-align:left; }

.ctgFuniLayer_Layer_L { position:absolute; top:32px; left:0px; z-index:10; display:none; }
.ctgFuniLayer_Layer_L table,
.ctgFuniLayer_Layer_L th,
.ctgFuniLayer_Layer_L td { border:none; }
/*
.ctgFuniLayer_Layer_L li { float:left; }
.ctgFuniLayer_Layer_L li a { text-align:left; color:#666; }
*/
.ctgFuniLayer_Layer_R { position:absolute; top:17px; right:128px; z-index:10; display:none; }
.ctgFuniLayer { }
.ctgFuniLayer .shp_lt { width:5px; height:5px; background:url("../image/bg_cate_lt.png") no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_lt.png'); font-size:0px; line-height:0px; }
.ctgFuniLayer .shp_rt { width:5px; height:5px; background:url("../image/bg_cate_rt.png") no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_rt.png'); font-size:0px; line-height:0px; }
.ctgFuniLayer .shp_lb { width:5px; height:5px; background:url('../image/bg_cate_lb.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_lb.png'); font-size:0px; line-height:0px; }
.ctgFuniLayer .shp_rb { width:5px; height:5px; background:url('../image/bg_cate_rb.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_rb.png'); font-size:0px; line-height:0px; }
.ctgFuniLayer .top { height:5px; background:url("../image/bg_cate_top.png") repeat-x left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_top.png'); }
.ctgFuniLayer .bot { height:5px; background:url('../image/bg_cate_bot.png') repeat-x left bottom; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_bot.png'); }
.ctgFuniLayer .left { width:5px; background:url('../image/bg_cate_left.png') repeat-y left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_left.png'); }
.ctgFuniLayer .right { width:5px; background:url('../image/bg_cate_right.png') repeat-y right top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/bg_cate_right.png'); }
.ctgFuniLayer .bgCf { background:#F0F5FB; }
.ctgFuniLayer .ctgList { margin-top:6px; background:#F0F5FB; text-align:left; }
/*
.ctgFuniLayer .ctgList td { width:140px; background:url('../image/bg_fas2_list02.gif') repeat-y left top; vertical-align:top; }
.ctgFuniLayer .ctgList td.last { width:132px; vertical-align:top; }
*/
.ctgFuniLayer .ctgList ul { margin-left:6px; color:#56575A; text-align:left; }
.ctgFuniLayer .ctgList li { padding-left:7px; background:url('../../image/bl_gray02.gif') no-repeat left 4px; overflow:auto; overflow:hidden; font-size:12px; color:#000000; }
.ctgFuniLayer .ctgList li.outer { font-weight:bold; }
.ctgFuniLayer .ctgList li.inner { margin-top:6px; margin-bottom:4px; padding-left:7px; background:url('') no-repeat left 4px; overflow:auto; overflow:hidden; font-size:12px; text-align:left; }
.ctgFuniLayer .ctgList td.last ul { width:123px; }
.ctgFuniLayer .ctgList li a:link, .ctgFuniLayer .ctgList li a:visited { font-size:12px; text-decoration:none; color:#164DC1; letter-spacing:-0.02em; }
.ctgFuniLayer .ctgList li a:hover, .ctgFuniLayer .ctgList li a:active { font-size:12px; text-decoration:underline !important; color:#888888; letter-spacing:-0.02em; }
.ctgFuniLayer .ctgListLast { height:18px; margin-top:0px; background:#F0F5FB; font-size:12px; line-height:18px; text-align:right; color:#888888; } :root .ctgFuniLayer .ctgListLast { height:0px; margin-top:0px; }
.ctgFuniLayer .arrow { position:absolute; width:27px; height:8px; font-size:0px; line-height:0; margin:-7px 0 0 1px; text-align:left; background:url('../../image/img_arrowR2.png') no-repeat; }
.ctgFuniLayer .arrow_right { position:absolute; right:0px; width:27px; height:8px; font-size:0px; line-height:0; margin:-7px 3px 0 0; text-align:right; background:url('../../image/img_arrowR2.png') no-repeat; }
/*
.ctgFuniLayer .arrow { position:absolute; width:11px; height:8px; font-size:0px; line-height:0; margin:-7px 0 0 9px; text-align:left; background:url('../../image/img_arrowR.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/img_arrowR.png'); }
.ctgFuniLayer .arrow_right { position:absolute; right:0px; width:11px; height:8px; font-size:0px; line-height:0; margin:-7px 11px 0 0; text-align:right; background:url('../../image/img_arrowR.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/img_arrowR.png'); }
*/

.warp_themeShopping { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:35px; }

.box_themeShopping { clear:both; width:890px; overflow:auto; overflow:hidden; }
.box_themeShopping dt { width:890px; height:42px; background:url("../image/tab_themeShopping3.gif") no-repeat 0 0; }
.box_themeShopping dd { border:1px solid #dddddd; border-top:0px; overflow:auto; overflow:hidden; }
.box_themeShopping dt ul { clear:both; width:891px; overflow:auto; overflow:hidden; }
.box_themeShopping dt ul li { float:left; display:inline; width:297px; height:42px; cursor:pointer; margin-right:0px; }
.box_themeShopping dt ul li.on #tab_off { display:none; }
.box_themeShopping dt ul .sImg { text-align:center; margin-top:11px; }
.box_themeShopping dt ul .tab_off_01 { position:absolute; width:297px; height:42px; background:url('../image/tab_themeOff_01.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/tab_themeOff_01.png'); }
.box_themeShopping dt ul .tab_off_02 { position:absolute; width:297px; height:42px; background:url('../image/tab_themeOff_02.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/tab_themeOff_02.png'); }
.box_themeShopping dt ul .tab_off_03 { position:absolute; width:297px; height:42px; background:url('../image/tab_themeOff_03.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../image/tab_themeOff_03.png'); }

.box_themeShopping dd ul { float:left; display:inline; width:454px; overflow:auto; overflow:hidden; }
.box_themeShopping dd ul li { float:left; width:130px; margin-right:32px; }
.box_themeShopping dd ul li.last { margin-right:0px; }
.box_themeShopping dd ul li a { cursor:pointer; }
.box_themeShopping dd ul .office { width:100%; height:17px; font-size:12px; color:#292929; overflow:hidden; line-height:17px; margin-top:12px; display:none; }
/* .box_themeShopping dd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:1px; } */
.box_themeShopping dd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:10px; }
.box_themeShopping dd ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_themeShopping dd ul a:hover .office { text-decoration:none; }
.box_themeShopping dd ul a:hover .price { text-decoration:none; }

.box_themePrd { clear:both; width:100%; padding:20px 0 15px 15px; overflow:auto; overflow:hidden; }
.box_dmsBanner { float:left; display:inline; width:370px; margin-right:34px; }
.box_dmsBanner .adTxt { width:370px; height:34px; padding:12px 0 0 22px; background:url("../image/bg_adTxt.gif") no-repeat 0 0; }
.box_dmsBanner .adTxt a:link, .box_dmsBanner .adTxt a:active, .box_dmsBanner .adTxt a:visited { font-size:12px; color:#FFFFFF; text-decoration:none; }
.box_dmsBanner .adTxt a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline !important; }
.box_dmsBannerNew { float:left; display:inline; width:370px; margin-right:34px; }
.box_dmsBannerNew img { width:368px; height:195px; border:1px solid #dddddd; }

.warp_Ranking5 { clear:both; width:890px; height:249px; overflow:auto; overflow:hidden; margin-top:35px; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }
.warp_Ranking5 h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_Ranking5 h3 .imgTitle { float:left; }
.warp_Ranking5 h3 .moreBtn { float:right; }

.box_ranking5Prd { clear:both; width:100%; }
.box_ranking5Prd ul { clear:both; width:100%; margin:20px 0 0 16px; }
.box_ranking5Prd ul li { float:left; width:130px; margin-right:52px; }
.box_ranking5Prd ul li.last { margin-right:0px; }
.box_ranking5Prd ul li a { cursor:pointer; }
.box_ranking5Prd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:11px; }
.box_ranking5Prd ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_ranking5Prd ul a:hover .price { text-decoration:none; }

.warp_todayRanking { clear:both; width:890px; height:249px; overflow:auto; overflow:hidden; margin-top:35px; background:url("../image/bg_todayRanking.gif") no-repeat 0 0; }
.warp_todayRanking h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_todayRanking h3 .imgTitle { float:left; }
.warp_todayRanking h3 .moreBtn { float:right; }

.box_todyaHot { float:left; width:424px; margin-right:41px; }
.box_todyaHot ul { clear:both; width:100%; height:208px; margin:20px 0 0 0; }
 :root .box_todyaHot ul { margin:0px; padding:20px 0 0 0; }
.box_todyaHot ul li { float:left; width:130px; margin-right:17px; cursor:pointer; }
.box_todyaHot ul li.last { margin-right:0px; }
.box_todyaHot ul li a { cursor:pointer; }
.box_todyaHot ul .title { width:100%; height:32px; font-size:12px; color:#666666; line-height:16px; margin-top:11px; overflow:auto; overflow:hidden; }
.box_todyaHot ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_todyaHot ul a:hover .price { text-decoration:none; }

.box_ranking3Prd { float:left; width:425px; }
.box_ranking3Prd ul { clear:both; width:100%; margin:20px 0 0 0; }
.box_ranking3Prd ul li { float:left; width:130px; margin-right:17px; }
.box_ranking3Prd ul li.last { margin-right:0px; }
.box_ranking3Prd ul li a { cursor:pointer; }
.box_ranking3Prd ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:11px; }
.box_ranking3Prd ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_ranking3Prd ul a:hover .price { text-decoration:none; }

.box_PremiumPlus { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:20px; }

.warp_brandCategory { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:35px; }
.box_brandCategory { clear:both; width:890px; overflow:auto; overflow:hidden; border-top:2px solid #CB1718; }
.box_brandCategory dt.brandTxt { width:100%; padding:15px 0 15px 25px; background:#3C3C3C; }
.box_brandCategory dt.brandTxt div { width:100%; font-size:15px; font-weight:500; color:#FFFFFF; }
.box_brandCategory dt.brandTxt span { font-size:12px; color:#a3a3a3; padding-left:10px; }
.box_brandCategory dt.brandTxt a:link, .box_brandCategory dt.brandTxt a:active, .box_brandCategory dt.brandTxt a:visited { font-size:15px; font-weight:500; color:#FFFFFF; text-decoration:none; }
.box_brandCategory dt.brandTxt a:hover { font-size:15px; font-weight:500; color:#FFFFFF; text-decoration:none }
.box_brandCategory dt.brandImg { }
.box_brandCategory dd { width:100%; overflow:auto; overflow:hidden; border:1px solid #dddddd; border-top:0px; background:#F3F3F3; }
 :root .box_brandCategory dd { width:888px; }
.box_brandCategory .brand_cateAll { float:left; display:inline; width:175px; font-size:12px; color:#2B2B2B; padding-left:7px; margin:22px 0 0 15px; background:url('../image/bl_rect_gray.gif') no-repeat 0 4px; }
.box_brandCategory ul.brand_cateList { float:left; display:inline; width:690px; overflow:auto; overflow:hidden; padding:17px 0 10px 0; }
.box_brandCategory ul.brand_cateList li { float:left; width:165px; height:23px; margin-right:10px; font-size:12px; color:#121212; padding-left:7px; line-height:23px; overflow:hidden; background:url('../image/bl_rect_gray.gif') no-repeat 0 9px; }
 :root .box_brandCategory ul.brand_cateList li { width:158px; }
.box_brandCategory ul.brand_cateList li.last { margin-right:0px; }
.box_brandCategory .brand_cateAll a:link, .box_brandCategory .brand_cateAll a:active, .box_brandCategory .brand_cateAll a:visited { font-size:12px; color:#666666; text-decoration:none; }
.box_brandCategory .brand_cateAll a:hover { font-size:12px; color:#666666; text-decoration:underline !important; }
.box_brandCategory .brand_cateAll a.on:link, .box_brandCategory .brand_cateAll a.on:active, .box_brandCategory .brand_cateAll a.on:visited { font-size:12px; color:#121212; text-decoration:underline; }
.box_brandCategory .brand_cateAll a.on:hover { font-size:12px; color:#121212; text-decoration:underline !important; }
.box_brandCategory ul.brand_cateList li a:link, .box_brandCategory ul.brand_cateList li a:active, .box_brandCategory ul.brand_cateList li a:visited { font-size:12px; color:#666666; text-decoration:none; }
.box_brandCategory ul.brand_cateList li a:hover { font-size:12px; color:#666666; text-decoration:underline !important; }
.box_brandCategory ul.brand_cateList li.on a:link, .box_brandCategory ul.brand_cateList li.on a:active, .box_brandCategory ul.brand_cateList li.on a:visited { font-size:12px; color:#121212; text-decoration:underline; }
.box_brandCategory ul.brand_cateList li.on a:hover { font-size:12px; color:#121212; text-decoration:underline !important; }

.warp_bestItem { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:25px; }
.warp_bestItem h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_bestItem h3 .imgTitle { float:left; }
.warp_bestItem h3 .moreBtn { float:right; }

.box_bestItem { clear:both; width:100%; overflow:auto; overflow:hidden; border:1px solid #dddddd; border-top:0px; }
 :root .box_bestItem { width:888px; }
.box_bestItem ul { clear:both; width:100%; margin:21px 0 21px 21px; overflow:auto; overflow:hidden; }
.box_bestItem ul li { float:left; display:inline-block; width:130px; margin-right:49px; cursor:pointer; }
.box_bestItem ul li.last { margin-right:0px; }
.box_bestItem ul li a { cursor:pointer; }
.box_bestItem ul .prdImg img { width:130px; height:130px; }
.box_bestItem ul .office { width:100%; height:17px; font-size:12px; color:#292929; overflow:hidden; line-height:17px; margin-top:12px; display:none; }
/* .box_bestItem ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:1px; } */
.box_bestItem ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:10px; }
.box_bestItem ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.box_bestItem ul a:hover .office { text-decoration:none; }
.box_bestItem ul a:hover .price { text-decoration:none; }

.warp_textPrdList { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:25px; }
.warp_textPrdList h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_textPrdList h3 .txtTitle { float:left; font-size:12px; font-weight:500; color:#030303; padding-left:8px; background:url("../image/bl_txtTitle.gif") no-repeat 0 0; }
.warp_textPrdList h3 .txtTitle a { font-size:12px; font-weight:500; color:#030303; text-decoration:none; }
.warp_textPrdList h3 .txtTitle a:hover { font-size:12px; font-weight:500; color:#030303; text-decoration:none; }
.warp_textPrdList h3 .moreBtn { float:right; }

.warp_textPrdList ul { clear:both; width:100%; height:232px; margin:22px 0 0 0; }
 :root .warp_textPrdList ul { margin:0px; padding:22px 0 0 0; }
.warp_textPrdList ul li { float:left; width:130px; margin-right:60px; cursor:pointer; }
.warp_textPrdList ul li.last { margin-right:0px; }
.warp_textPrdList ul li a { cursor:pointer; }
.warp_textPrdList ul .office { width:100%; height:17px; font-size:12px; color:#292929; overflow:hidden; line-height:17px; margin-top:12px; display:none; }
/* .warp_textPrdList ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:1px; } */
.warp_textPrdList ul .title { width:100%; height:32px; font-size:12px; color:#666666; overflow:hidden; line-height:16px; margin-top:10px; }
.warp_textPrdList ul .price { width:100%; margin-top:7px; font-size:12px; font-weight:500; color:#d23a38; }
.warp_textPrdList ul a:hover .office { text-decoration:none; }
.warp_textPrdList ul a:hover .price { text-decoration:none; }

.box_todyaHot_ty1 { clear:both; width:890px; height:202px; text-align:left; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }
.box_todyaHot_ty1 h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.box_todyaHot_ty1 h3 .imgTitle { float:left; }
.box_todyaHot_ty1 h3 .moreBtn { float:right; }
.box_todyaHot_ty1 .buytop_table { margin-top:6px; }
.box_todyaHot_ty1 .view_btn02 { position:absolute; margin:82px 0 0 0px; top:0px; left:0px; }

.box_todyaHot_ty2 { clear:both; width:890px; height:202px; text-align:left; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }
.box_todyaHot_ty2 h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.box_todyaHot_ty2 h3 .imgTitle { float:left; }
.box_todyaHot_ty2 h3 .moreBtn { float:right; }
.box_todyaHot_ty2 ul { clear:both; width:100%; overflow:auto; overflow:hidden; margin:16px 0 0 15px; }
 :root .box_todyaHot_ty2 ul { margin:0px; padding:14px 0 0 15px; }
.box_todyaHot_ty2 ul li { float:left; width:98px; margin-right:54px; cursor:pointer; }
.box_todyaHot_ty2 ul li.last { margin-right:0px; }
.box_todyaHot_ty2 ul li a { cursor:pointer; }
.box_todyaHot_ty2 ul .prdImg img { width:96px; height:96px; border:1px solid #E1E1E1; }
.box_todyaHot_ty2 ul .title { width:100%; height:30px; font-size:12px; color:#666666; line-height:15px; margin-top:11px; overflow:auto; overflow:hidden; text-align:center; }
 :root .box_todyaHot_ty2 ul .title { margin-top:8px; }
.box_todyaHot_ty2 ul .price { width:100%; margin-top:3px; font-size:12px; font-weight:500; color:#d23a38; text-align:center; }
.box_todyaHot_ty2 ul a:hover .price { text-decoration:none; }

/*
.todyaHot_ty1 .view_btn02 { margin-left:0px; }
.todyaHot_ty1 .view_btn_sub { position:absolute; top:-15px; left:0px; }
.todyaHot_ty1 { float:left; table-layout:fixed; margin:16px 0 0 4px; }
.todyaHot_ty1 .goods { width:98px; margin-top:0px; }
.todyaHot_ty1 .goods .btns li { float:left; }
.todyaHot_ty1 .goods .photo_new a:hover img { border:1px solid #AF3E5E; }
.todyaHot_ty1 .goods .name { width:98px; margin-top:2px; }
.todyaHot_ty1 .goods .sprice { margin-top:2px; }
*/
.ifrm_todyaHot_sub { float:right; width:617px; height:205px; }
.box_todyaHot_sub { float:right; width:617px; height:202px; margin-top:3px; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }
.box_todyaHot_sub h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.box_todyaHot_sub h3 .imgTitle { float:left; }
.box_todyaHot_sub h3 .moreBtn { float:right; }
.box_todyaHot_sub .buytop_table { margin-top:6px; }
.box_todyaHot_sub .view_btn02 { position:absolute; margin:82px 0 0 0px; top:0px; left:0px; }

.box_todyaHot_subNew { float:right; width:617px; height:202px; margin-top:3px; background:url('../image/bg_dotLine1.gif') repeat-x 0 bottom; }
.box_todyaHot_subNew h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.box_todyaHot_subNew h3 .imgTitle { float:left; }
.box_todyaHot_subNew h3 .moreBtn { float:right; }
.box_todyaHot_subNew ul { clear:both; width:100%; overflow:auto; overflow:hidden; margin:16px 0 0 16px; }
 :root .box_todyaHot_subNew ul { margin:0px; padding:14px 0 0 0; }
.box_todyaHot_subNew ul li { float:left; width:98px; margin-right:24px; cursor:pointer; }
.box_todyaHot_subNew ul li.last { margin-right:0px; }
.box_todyaHot_subNew ul li a { cursor:pointer; }
.box_todyaHot_subNew ul .prdImg img { width:96px; height:96px; border:1px solid #E1E1E1; }
.box_todyaHot_subNew ul .title { width:100%; height:30px; font-size:12px; color:#666666; line-height:15px; margin-top:11px; overflow:auto; overflow:hidden; text-align:center; }
 :root .box_todyaHot_subNew ul .title { margin-top:8px; }
.box_todyaHot_subNew ul .price { width:100%; margin-top:3px; font-size:12px; font-weight:500; color:#d23a38; text-align:center; }
.box_todyaHot_subNew ul a:hover .price { text-decoration:none; }

.warp_brandPrdList { clear:both; width:890px; overflow:auto; overflow:hidden; margin-top:25px; }
.warp_brandPrdList h3 { height:20px; overflow:auto; overflow:hidden; border-bottom:1px solid #3E3E3E; }
.warp_brandPrdList h3 .txtTitle { float:left; font-size:12px; font-weight:500; color:#030303; padding-left:8px; background:url("../image/bl_txtTitle.gif") no-repeat 0 0; }
.warp_brandPrdList h3 .txtTitle span { font-size:12px; color:#666666; }
.warp_brandPrdList h3 .txtTitle span.count { font-size:12px; font-weight:500; color:#C9212A; }
.warp_brandPrdList h3 .txtTitle span.categoryTitle { font-size:12px; font-weight:500; color:#030303; }
.warp_brandPrdList h3 .moreBtn { float:right; }

ol.tab_alignType { float:left; overflow:auto; overflow:hidden; margin:1px 0 0 0 !important; }
ol.tab_alignType li { float:left; margin:0 0 0 9px; padding:0px 0 0 0; }

.codeBox_text { cursor:pointer; background-color:#eeeeee; }

.lfloat { float: left; }

.aWrap { font:bold 14px/1.4 ""; }
.aWrap > a { text-decoration:underline; }
.textGuide { display:block; margin:0; font-size:11px; font-weight:normal; text-align:center; }
#target tr { text-align:center; background-color:white; height:32px; font-size:9pt; border:1px solid #000000; }
#mask { display:none; position:absolute; left:0; top:0; z-index:9000; background-color:#000; }
.off { display:none; }
#accidentTime { margin-left:5px; }
#writeDatecalendar { float:left; }
#gradeClass { overflow:hidden; margin:10px 0 0 0; }

#ActStartDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#ActEndDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#ActStartDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#ActEndDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#AccidentStartDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#AccidentEndDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#AccidentStartDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#AccidentEndDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#searchStartAccidentDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#searchEndAccidentDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#searchStartAccidentDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#searchEndAccidentDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#actFromDtsdate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#actToDtsdate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#actFromDtscalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#actToDtscalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#bankDtsdate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#bankDtscalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#writeDatedate-field { width:120px !important; height:30px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#writeDatecalendarpicker { width:30px !important; height:30px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#fromDtsdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#toDtsdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#fromDtscalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#toDtscalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#divDeductionStdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#divDeductionDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#divDeductionStcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#divDeductionDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#freshmanDeductionStdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#freshmanDeductionDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#freshmanDeductionStcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#freshmanDeductionDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#registApplyDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#registApplyDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#registerApplyDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#registerApplyDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#deductPayLimitDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#deductPayLimitDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#deductPayConfirmDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#deductPayConfirmDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
#registConfirmDtdate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#registConfirmDtcalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

#AccidentNegadate-field { width:120px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
#AccidentNegacalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }

.calop1 #actFromDtsdate-field { width:100px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
.calop1 #actToDtsdate-field { width:100px !important; height:24px !important; border:1px solid #cccccc !important; text-align:center; box-sizing:border-box; }
.calop1 #actFromDtscalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
.calop1 #actToDtscalendarpicker { width:30px !important; height:24px !important; border:1px solid #cccccc !important; border-width:1px 1px 1px 0 !important; cursor:pointer; }
.calop1 #actFromDtscalendar > div { float:left; }
.calop1 #actToDtscalendar > div { float:left; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

ul.lyop1 { overflow:hidden; }
ul.lyop1 li { margin:0 0 5px 0; }
ul.lyop1 li:last-child { margin:0 0 0 0; }

ul.lyop2 { overflow:hidden; }
ul.lyop2 li { margin:0 0 8px 0; }
ul.lyop2 li:last-child { margin:0 0 0 0; }

ul.lyop3 { overflow:hidden; }
ul.lyop3 li { float:left; margin:0 15px 0 0; }
ul.lyop3 li:last-child { margin:0 0 0 0; }
ul.lyop3 li em { color:#111111; font-size:13px; font-weight:500; letter-spacing:-0.03em; font-style:normal; margin:0 4px 0 0; }
ul.lyop3 li em.fop1 { color:#f67400; }

ul.lyop4 { overflow:hidden; }
ul.lyop4 li { float:left; }
ul.lyop4 li.forms1 { width:200px; margin:0 10px 0 0; }
ul.lyop4 li.forms2 { width:calc(100% - 290px); margin:0 10px 0 0; }
ul.lyop4 li.btns { width:70px; }

ul.lyop5 { overflow:hidden; }
ul.lyop5 li { float:left; }
ul.lyop5 li.forms1 { width:200px; margin:0 10px 0 0; }
ul.lyop5 li.forms2 { width:calc(100% - 210px); }

ul.lyop6 { overflow:hidden; }
ul.lyop6 li { float:left; }
ul.lyop6 li.forms1 { width:calc(100% - 210px); margin:0 10px 0 0; }
ul.lyop6 li.forms2 { width:200px; }

span.must { display:inline-block; width:10px; height:7px; background:url("../images/must_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:-2px 0 0 5px; }

.con_loginnoti { margin:180px 0 0 0; padding:30px 30px 30px 30px; overflow:hidden; border:1px solid #d8d8d8; background:#fdf8f7; color:#fb3109; font-size:28px; font-weight:700; text-align:center; letter-spacing:-0.05em; }

.con_logindivi { margin:30px 0 0 0; padding:30px 0 30px 0; overflow:hidden; border:1px solid #d8d8d8; }
.con_logindivi .con1 { float:left; width:50%; padding:20px 50px 20px 50px; overflow:hidden; box-sizing:border-box; }
.con_logindivi .con1.bop1 { border-right:1px solid #d8d8d8; }
.con_logindivi .con1 h3 { color:#111111; font-size:16px; font-weight:500; letter-spacing:-0.05em; }
.con_logindivi .con1 ul { margin:20px 0 0 0; overflow:hidden; }
.con_logindivi .con1 ul li { float:left; width:48%; margin:0 4% 0 0; transition:all 0.3s ease; }
.con_logindivi .con1 ul li:last-child { margin:0 0 0 0; }
.con_logindivi .con1 a { display:block; padding:10px 10px 10px 10px; color:#ffffff; font-size:14px; font-weight:400; text-align:center; letter-spacing:-0.03em; }
.con_logindivi .con1 a:hover { filter:brightness(95%); }
.con_logindivi .con1 a.link1 { background:#007cd0; }
.con_logindivi .con1 a.link2 { background:#4b96e7; }

.con_tit { margin:0 0 15px 0; position:relative; overflow:hidden; color:#111111; font-size:20px; font-weight:700; letter-spacing:-0.05em; }
.con_tit.mop1 { margin:0 0 0 0; }
.con_tit.mop2 { margin:30px 0 0 0; }
.con_tit.mop3 { margin:30px 0 15px 0; }
.con_tit.pop1 { margin:0 0 5px 0; padding:0 0 10px 0; }
.con_tit.pop2 { margin:30px 0 5px 0; padding:0 0 10px 0; }
.con_tit.pop3 { margin:30px 0 5px 0; padding:0 0 15px 0; border-bottom:1px solid #111111; }
.con_tit ul { position:absolute; right:0px; top:0px; overflow:hidden; }
.con_tit ul li { float:left; margin:0 5px 0 0; }
.con_tit ul li.tit { color:#fb3109; font-size:13px; font-weight:500; margin:0 15px 0 0; padding:6px 0 0 0; }
.con_tit ul li.tit2 { color:#fb3109; font-size:13px; font-weight:500; padding:6px 0 0 0; }
.con_tit ul li:last-child { margin:0 0 0 0; }
.con_tit ul li a.link1 { display:inline-block; padding:5px 20px 5px 20px; background:#ffffff; color:#333333; font-size:14px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_tit ul li a.link1:hover { background:#666666; color:#ffffff; }
.con_tit ul li a.link2 { display:inline-block; padding:3px 10px 3px 10px; background:#666666; color:#ffffff; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_tit ul li a.link2:hover { background:#444444; }

.con_tit2 { position:relative; color:#111111; font-size:18px; font-weight:700; letter-spacing:-0.03em; }
.con_tit2.mop1 { margin:30px 0 0 0; }
.con_tit2 ul { position:absolute; right:0px; top:0px; overflow:hidden; }
.con_tit2 ul li { float:left; margin:0 5px 0 0; }
.con_tit2 ul li.tit { color:#fb3109; font-size:13px; font-weight:500; margin:0 15px 0 0; padding:6px 0 0 0; }
.con_tit2 ul li.tit2 { color:#fb3109; font-size:13px; font-weight:500; padding:6px 0 0 0; }
.con_tit2 ul li:last-child { margin:0 0 0 0; }
.con_tit2 ul li a.link1 { display:inline-block; padding:3px 10px 3px 10px; background:#ffffff; color:#333333; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_tit2 ul li a.link1:hover { background:#666666; color:#ffffff; }
.con_tit2 ul li a.link2 { display:inline-block; padding:3px 10px 3px 10px; background:#666666; color:#ffffff; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_tit2 ul li a.link2:hover { background:#444444; }

.con_tit3 { position:relative; padding:0 0 15px 30px; overflow:hidden; color:#111111; font-size:18px; font-weight:700; letter-spacing:-0.03em; background:url("/nanum/flow/images/layout/dialog_title_default.png") no-repeat 0 0; border-bottom:1px solid #dddddd; }
.con_tit3.mop1 { margin:40px 0 0 0; }

.con_tab { display:table; width:100%; height:50px; table-layout:fixed; border-collapse:collapse; box-sizing:border-box; }
.con_tab.mop1 { margin:30px 0 0 0; }
.con_tab a { display:table-cell; height:50px; color:#777777; font-size:16px; text-align:center; font-weight:400; letter-spacing:-0.03em; background:#f9f9f9; border:1px solid #d8d8d8; border-bottom:2px solid #111111; vertical-align:middle; transition:all 0.3s ease; }
.con_tab a.on { color:#111111; font-weight:700; background:#ffffff; border:2px solid #111111; border-width:2px 2px 0 2px; }

.con_range { float:left; padding:7px 7px 0 7px; color:#111111; font-size:16px; font-weight:700; }

.con_error { overflow:hidden; }
.con_error .con1 { padding:300px 0 70px 0; overflow:hidden; background:#f2f2f2 url("../images/error_01.png") no-repeat center 100px; transition:all 0.3s ease; }
.con_error .con1 h3 { color:#111111; font-size:40px; font-weight:700; text-align:center; line-height:45px; letter-spacing:-0.07em; word-break:keep-all; transition:all 0.3s ease; }
.con_error .con1 .desc { margin:35px 0 0 0; color:#777777; font-size:16px; font-weight:400; text-align:center; line-height:24px; letter-spacing:-0.05em; word-break:keep-all; transition:all 0.3s ease; }
.con_error .con2 { margin:50px 0 0 0; text-align:center; }
.con_error .con2 a { display:inline-block; padding:13px 80px 13px 80px; background:#636c78; color:#ffffff; font-size:17px; font-weight:400; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_error .con2 a:hover { background:#45484d; }

.con_line { height:1px; background:#111111; }
.con_line.mop1 { margin:30px 0 0 0; }
.con_line.mop2 { margin:20px 0 0 0; }

.con_line2 { border-top:1px solid #111111; overflow:hidden; }
.con_line2.mop1 { margin:30px 0 0 0; }
.con_line2.mop2 { margin:20px 0 0 0; }

.con_noti { margin:9px 0 0 0; color:#fb3109; font-size:13px; }
.con_noti.mop1 { margin:5px 0 0 0; }
.con_noti.mop2 { margin:15px 0 0 0; }
.con_noti.fop1 { color:#111111; font-size:14px; font-weight:500; }

.con_noti2 { margin:8px 0 0 0; padding:20px 20px 20px 20px; background:#fdfbf7; border:1px solid #d8d8d8; border-radius:8px; word-break:keep-all; }
.con_noti2.mop1 { margin:15px 0 0 0; }
.con_noti2 h3 { margin:0 0 10px 0; color:#fb3109; font-size:15px; font-weight:700; }
.con_noti2 ul { overflow:hidden; }
.con_noti2 ul li { margin:0 0 3px 0; font-size:14px; }
.con_noti2 ul li:last-child { margin:0 0 0 0; }
.con_noti2 ul li.tit { margin:0 0 6px 0; color:#111111; font-size:15px; font-weight:500; }
.con_noti2 ul li.tit2 { float:left; padding:6px 0 0 0; color:#111111; font-size:14px; font-weight:500; }
.con_noti2 ul li.txt { margin:0 0 0 0; font-size:15px; line-height:21px; }
.con_noti2 ul li.imgs { }
.con_noti2 ul li.imgs img { width:100%; }
.con_noti2 ul li.notis { color:#f67400; font-size:14px; font-weight:500; }
.con_noti2 ul li.btns { float:right; }
.con_noti2 ul li.btns a { display:inline-block; padding:5px 20px 5px 20px; background:#ffffff; color:#333333; font-size:14px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_noti2 ul li.btns a:hover { background:#666666; color:#ffffff; }
.con_noti2 ul li.btns a:last-child { margin:0 0 0 0; }
.con_noti2 ul li span.fop1 { color:#f67400; font-weight:500; }
.con_noti2 ul li span.fop2 { color:#fb3109; font-weight:500; }

.con_noti3 { margin:8px 0 0 0; }
.con_noti3.mop1 { margin:0 0 0 0; }
.con_noti3.mop2 { margin:30px 0 0 0; }
.con_noti3.mop3 { margin:20px 0 0 0; }
.con_noti3 ul { overflow:hidden; }
.con_noti3 ul li { position:relative; padding:0 0 0 10px; margin:0 0 6px 0; color:#666666; font-size:14px; transition:all 0.3s ease; }
.con_noti3 ul li.fop1 { color:#f67400; font-weight:500; }
.con_noti3 ul li.fop2 { color:#fb3109; font-weight:500; }
.con_noti3 ul li.fop3 { font-size:13px; }
.con_noti3 ul li:last-child { margin:0 0 0 0; }
.con_noti3 ul li:before { display:inline-block; position:absolute; left:0; top:8px; content:""; width:3px; height:3px; border-radius:100%; background-color:#111111; }
.con_noti3 ul li.fop3:before { top:6px; }

.con_noti4 { margin:30px 0 0 0; padding:30px 30px 30px 30px; overflow:hidden; border:5px solid #ffaa6a; }
.con_noti4 h4 { color:#111111; font-size:18px; font-weight:700; letter-spacing:-0.03em; }
.con_noti4 h4.mop1 { margin:30px 0 0 0; }
.con_noti4 ul { margin:15px 0 0 0; overflow:hidden; }
.con_noti4 ul li { position:relative; padding:0 0 0 10px; margin:0 0 5px 0; color:#666666; line-height:20px; word-break:keep-all; transition:all 0.3s ease; }
.con_noti4 ul li.fop1 { color:#f67400; font-weight:500; }
.con_noti4 ul li.fop2 { color:#fb3109; font-weight:500; }
.con_noti4 ul li.fop3 { font-weight:500; font-size:30px; line-height:30px;}
.con_noti4 ul li:last-child { margin:0 0 0 0; }
.con_noti4 ul li:before { display:inline-block; position:absolute; left:0; top:9px; content:""; width:3px; height:3px; border-radius:100%; background-color:#111111; }

.con_noti5 { clear:both; float:left; width:100%; margin:15px 0 0 0; overflow:hidden; border:1px solid #e2e2e2; padding:20px 20px 10px 20px; border-radius:4px; background:#fafafa; box-sizing:border-box; }
.con_noti5 ul { overflow:hidden; }
.con_noti5 ul li { float:left; height:30px; }
.con_noti5 ul li.pop1 { padding:4px 0 0 0; }
.con_noti5 ul li.tit { width:180px; color:#111111; font-size:14px; font-weight:500; }
.con_noti5 ul li.desc { color:#555555; font-size:14px; }
.con_noti5 ul li.desc input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_noti5 ul li.desc input[type="text"] { width:100px; height:22px; border:1px solid #d8d8d8; }
.con_noti5 ul li.desc span.fop1 { color:#fb3109; font-weight:500; }

.con_noti6 { margin:10px 0 0 0; padding:15px 20px 15px 20px; background:#fdfbf7; border:1px solid #d8d8d8; border-radius:8px; }
.con_noti6 ul { overflow:hidden; }
.con_noti6 ul li { position:relative; padding:0 0 0 10px; margin:0 0 3px 0; color:#555555; font-size:14px; letter-spacing:-0.03em; word-break:keep-all; }
.con_noti6 ul li:before { display:inline-block; position:absolute; left:0; top:8px; content:""; width:3px; height:3px; border-radius:100%; background-color:#111111; }
.con_noti6 ul li.fop1 { color:#f67400; }
.con_noti6 ul li.btns { padding:0 0 0 0;  margin:10px 0 0 0; float:right; }
.con_noti6 ul li.btns:before { content:none; }
.con_noti6 ul li.btns a { display:inline-block; padding:5px 20px 5px 20px; background:#ffffff; color:#333333; font-size:14px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_noti6 ul li.btns a:hover { background:#666666; color:#ffffff; }
.con_noti6 ul li.btns a:last-child { margin:0 0 0 0; }

.con_list { overflow:hidden; border-top:1px solid #111111; }
.con_list.mop1 { margin:10px 0 0 0; }
.con_list table { width:100%; }
.con_list th { padding:10px 10px 10px 10px; color:#111111; font-size:14px; font-weight:500; border:1px solid #d8d8d8; background:#f2faff; }
.con_list td { padding:10px 15px 10px 15px; border:1px solid #d8d8d8; font-size:14px; }
.con_list input[type="text"] { width:calc(100% - 30px); }
.con_list input[type="text"].op1 { width:100%; height:28px; }
.con_list input[type="radio"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_list input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }

.con_list2 { overflow:hidden; border-top:1px solid #111111; }
.con_list2 table { width:100%; }
.con_list2 th { padding:10px 10px 10px 10px !important; color:#111111; font-size:14px; font-weight:500; border:1px solid #d8d8d8; background:#f8fbf6; }
.con_list2 td { padding:10px 10px 10px 10px !important; border:1px solid #d8d8d8; font-size:14px; text-align:left !important; }
.con_list2 input[type="file"] { width:auto; height:28px; border:none; cursor:pointer; letter-spacing:-0.03em; }

.con_list3 { overflow:hidden; }
.con_list3 table { width:100%; }
.con_list3 th { padding:5px 0 10px 0 !important; color:#111111; font-size:14px; font-weight:500; border:none; background:#f8fbf6; }
.con_list3 td { padding:5px 0 10px 0 !important; border:none; font-size:14px; text-align:left !important; }
.con_list3 td a.link1 { color:#111111; font-size:14px; text-decoration:underline; }
.con_list3 td a.link1:hover { text-decoration:underline !important; }
.con_list3 td.op1 { text-align:right !important; }
.con_list3 input[type="file"] { width:auto; height:28px; border:none; cursor:pointer; letter-spacing:-0.03em; }

.con_list4 { margin:15px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_list4.mop1 { margin:0 0 0 0; }
.con_list4.mop2 { margin:20px 0 0 0; }
.con_list4.op1 { border-top:none; }
.con_list4 table { width:100%; }
.con_list4 th { padding:15px 10px 15px 10px; color:#333333; font-size:15px; font-weight:700; border:1px solid #d8d8d8; background:#f2faff; }
.con_list4 td { padding:15px 10px 15px 10px; border:1px solid #d8d8d8; font-size:15px; text-align:center; }
.con_list4 td.op1 { color:#222222; font-weight:500; background:#fdfbf7; }
.con_list4 td.op2 { padding:15px 10px 15px 20px; text-align:left; }
.con_list4 td a.link1 { color:#111111; font-size:14px; text-decoration:underline; }
.con_list4 td a.link1:hover { text-decoration:underline !important; }
.con_list4 td a.link2 { display:inline-block; width:65px; height:28px; background:#666666; color:#ffffff; font-size:12px; font-weight:400; text-align:center; line-height:26px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_list4 td a.link2:hover { background:#333333; }
.con_list4 td a.link3 { display:inline-block; width:75px; height:28px; background:#927d67; color:#ffffff; font-size:12px; font-weight:400; text-align:center; line-height:26px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_list4 td a.link3:hover { background:#6d553d; }
.con_list4 select { width:100%; height:26px; padding:0 0 0 10px; cursor:pointer; border:1px solid #d8d8d8; border-radius:0px; box-sizing:border-box; }
.con_list4 input[type="radio"] { margin:2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_list4 input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_list4 input[type="text"] { width:100%; border:1px solid #d8d8d8; border-radius:0px; box-sizing:border-box; }
.con_list4 input[type="text"].wop1 { width:calc(100% - 70px); }
.con_list4 input[type="text"].wop2 { width:calc(100% - 80px); }
.con_list4 input[type="text"].wop3 { width:calc( (100% - 80px) / 2); }

.con_list5 { margin:15px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_list5 table { width:100%; }
.con_list5 th { padding:10px 10px 10px 10px; color:#333333; font-size:14px; font-weight:700; border-bottom:1px solid #d8d8d8; background:#fdf8f7; }
.con_list5 th.bgop1 { background:#f5f5f5; }
.con_list5 td { padding:10px 10px 10px 10px; border-bottom:1px solid #d8d8d8; font-size:14px; text-align:center; }
.con_list5 td a { color:#fb3109; font-size:14px; text-decoration:underline; }
.con_list5 td a:hover { text-decoration:underline !important; }
.con_list5 td.tit { text-align:left; }
.con_list5 td.tit a { color:#111111; font-size:14px; text-decoration:underline; }
.con_list5 td.tit a:hover { text-decoration:underline !important; }
.con_list5 td.dt { color:#999999; }

.con_list6 { overflow:hidden; border-top:1px solid #111111; }
.con_list6.mop1 { margin:10px 0 0 0; }
.con_list6.mop2 { margin:20px 0 0 0; }
.con_list6 table { width:100%; }
.con_list6 th { padding:13px 10px 13px 10px; color:#111111; font-size:14px; font-weight:500; border:1px solid #d8d8d8; background:#fdfbf7; }
.con_list6 th.tit { font-size:15px; font-weight:700; }
.con_list6 td { padding:13px 15px 13px 15px; border:1px solid #d8d8d8; font-size:14px; text-align:center; }
.con_list6 td.txt { padding:20px 20px 20px 20px; text-align:left; }
.con_list6 input[type="text"] { width:calc(100% - 30px); }
.con_list6 input[type="text"].op1 { width:100%; height:28px; }
.con_list6 input[type="radio"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_list6 input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_list6 ul.op1 { overflow:hidden; }
.con_list6 ul.op1 li { margin:0 0 5px 0; color:#333333; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_list6 ul.op1 li:last-child { margin:0 0 0 0; }
.con_list6 ul.op1 li.tit { color:#555555; font-size:14px; font-weight:700; line-height:20px; }
.con_list6 ul.op1 li.tit.mop1 { margin:10px 0 0 0; }
.con_list6 ul.op1 li.tit.mop2 { margin:20px 0 0 0; }
.con_list6 ul.op1 li.fop1 { color:#f67400; font-size:13px; font-weight:500; line-height:20px; padding:0 0 0 13px; }
.con_list6 ul.op1 li.fop2 { color:#fb3109; font-size:13px; font-weight:500; line-height:20px; padding:0 0 0 13px; }
.con_list6 ul.op1 li.fop3 { color:#666666; font-size:14px; font-weight:400; line-height:21px; }
.con_list6 ul.op1 li.fop3.mop1 { margin:6px 0 0 0; }

.con_list7 { margin:30px 0 0 0; overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_list7 table { width:100%; }
.con_list7 th { padding:15px 10px 15px 10px; color:#111111; font-size:14px; font-weight:500; border:1px solid #d8d8d8; background:#fdfbf7; }
.con_list7 td { padding:15px 10px 15px 10px; border:1px solid #d8d8d8; font-size:14px; text-align:center; vertical-align:top; }
.con_list7 td a.link1 { display:inline-block; padding:5px 20px 5px 20px; background:#ffffff; color:#333333; font-size:14px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; text-decoration:none; transition:all 0.3s ease; }
.con_list7 td a.link1:hover { background:#666666; color:#ffffff; text-decoration:none !important; }
.con_list7 ul { overflow:hidden; }
.con_list7 ul li { margin:0 0 0 0; color:#333333; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_list7 ul li:last-child { margin:0 0 0 0; }
.con_list7 ul li a { display:block; padding:5px 0 5px 0; color:#222222; font-size:15px; font-weight:400; text-align:center; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_list7 ul li a:hover { background:#555555; color:#ffffff; font-weight:500; }

.con_list8 { overflow:hidden; border-top:1px solid #111111; }
.con_list8.mop1 { margin:10px 0 0 0; }
.con_list8.mop2 { margin:20px 0 0 0; }
.con_list8.mop3 { margin:15px 0 0 0; }
.con_list8 table { width:100%; }
.con_list8 th { padding:10px 10px 10px 10px; color:#111111; font-size:13px; font-weight:500; border:1px solid #d8d8d8; background:#fdfbf7; }
.con_list8 th.tit { font-size:15px; font-weight:700; }
.con_list8 td { padding:10px 10px 10px 10px; border:1px solid #d8d8d8; font-size:13px; text-align:center; }
.con_list8 td.txt { padding:10px 20px 10px 20px; text-align:left; }
.con_list8 td.link1 { color:#111111; font-weight:500; text-decoration:underline; }
.con_list8 input[type="text"] { width:calc(100% - 30px); border:1px solid #dddddd; padding:0 10px 0 10px; box-sizing:border-box; }
.con_list8 input[type="text"].op1 { width:100%; height:28px; }
.con_list8 input[type="text"].wop1 { width:80%; }
.con_list8 input[type="file"] { width:100%; border:none; }
.con_list8 input[type="radio"] { margin:2px 4px 0 0; vertical-align:middle; width:15px; height:15px; cursor:pointer; }
.con_list8 input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:15px; height:15px; cursor:pointer; }
.con_list8 textarea { width:100%; padding:5px 5px 5px 5px; border:1px solid #dddddd; box-sizing:border-box; }
.con_list8 ul.op1 { overflow:hidden; }
.con_list8 ul.op1 li { margin:0 0 5px 0; color:#333333; font-size:13px; font-weight:400; line-height:20px; letter-spacing:-0.03em; word-break:keep-all; transition:all 0.3s ease; }
.con_list8 ul.op1 li:last-child { margin:0 0 0 0; }
.con_list8 ul.op1 li.tit { color:#555555; font-size:13px; font-weight:700; line-height:20px; }
.con_list8 ul.op1 li.tit.mop1 { margin:10px 0 0 0; }
.con_list8 ul.op1 li.tit.mop2 { margin:20px 0 0 0; }
.con_list8 ul.op1 li.fop1 { color:#f67400; font-size:13px; font-weight:500; line-height:20px; padding:0 0 0 13px; }
.con_list8 ul.op1 li.fop2 { color:#fb3109; font-size:13px; font-weight:500; line-height:20px; padding:0 0 0 13px; }
.con_list8 ul.op1 li.fop3 { color:#666666; font-size:13px; font-weight:400; line-height:21px; }
.con_list8 ul.op1 li.fop3.mop1 { margin:6px 0 0 0; }

.con_list9 { margin:15px 0 0 0; overflow:hidden; border-top:1px solid #111111; }
.con_list9.mop1 { margin:0 0 0 0; }
.con_list9.mop2 { margin:20px 0 0 0; }
.con_list9.op1 { border-top:none; }
.con_list9 table { width:100%; }
.con_list9 th { padding:10px 10px 10px 10px; color:#333333; font-size:13px; font-weight:700; border:1px solid #d8d8d8; background:#f2faff; }
.con_list9 td { padding:10px 10px 10px 10px; border:1px solid #d8d8d8; font-size:13px; text-align:center; }
.con_list9 td.op1 { color:#222222; font-weight:500; background:#fdfbf7; }
.con_list9 td.op2 { padding:15px 10px 15px 20px; text-align:left; }
.con_list9 td.op3 { padding:10px 10px 10px 20px; text-align:left; }
.con_list9 td a.link1 { color:#111111; font-size:13px; text-decoration:underline; }
.con_list9 td a.link1:hover { text-decoration:underline !important; }
.con_list9 td a.link2 { display:inline-block; width:65px; height:28px; background:#666666; color:#ffffff; font-size:12px; font-weight:400; text-align:center; line-height:26px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_list9 td a.link2:hover { background:#333333; }
.con_list9 td a.link3 { display:inline-block; width:75px; height:28px; background:#927d67; color:#ffffff; font-size:12px; font-weight:400; text-align:center; line-height:26px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_list9 td a.link3:hover { background:#6d553d; }
.con_list9 select { width:100%; height:26px; padding:0 0 0 10px; cursor:pointer; border:1px solid #d8d8d8; border-radius:0px; box-sizing:border-box; }
.con_list9 input[type="radio"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_list9 input[type="checkbox"] { margin:2px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_list9 input[type="text"] { width:100%; border:1px solid #d8d8d8; border-radius:0px; box-sizing:border-box; }
.con_list9 input[type="text"].wop1 { width:calc(100% - 70px); }
.con_list9 input[type="text"].wop2 { width:calc(100% - 80px); }
.con_list9 input[type="text"].wop3 { width:calc( (100% - 80px) / 2); }

.con_table { margin:20px 0 0 0; overflow:hidden; border-top:1px solid #111111; transition:all 0.3s ease; }
.con_table.bop1 { border-top:none; }
.con_table.mop1 { margin:15px 0 0 0; }
.con_table table { width:100%; }
.con_table th { padding:10px 20px 10px 20px; color:#111111; font-size:13px; text-align:left; font-weight:500; border:1px solid #dddddd; background:#f2f2f2; }
.con_table th.taop1 { background:#f2faff; padding:10px 10px 10px 10px; text-align:center; }
.con_table th.bgop1 { background:#f2faff; font-weight:700; }
.con_table th.bgop2 { background:#fdf8f7; font-weight:700; }
.con_table th.bgop3 { background:#f8fbf6; font-weight:700; }
.con_table td { padding:10px 20px 10px 20px; border:1px solid #dddddd; font-size:13px; }
.con_table td.tit { padding:10px 20px 10px 20px; color:#111111; font-size:18px; font-weight:900; text-align:center; }
.con_table td.txt { line-height:18px; word-break:keep-all; }
.con_table td.conts { padding:20px 20px 100px 20px; }
.con_table td.taop1 { padding:10px 10px 10px 10px; text-align:center; }
.con_table label { position:relative; font-weight:400; }
.con_table label.mop1 { cursor:pointer; margin:0 15px 0 0; }
.con_table label.mop2 { cursor:pointer; }
.con_table label.mop3 { cursor:pointer; margin:0 0 0 15px; }
.con_table input { border:1px solid #dddddd; }
.con_table input[readonly] { background-color:#f0f0f0; }
.con_table input[type="file"] { border:none; height:24px; font-size:13px; }
.con_table input[type="text"] { width:100%; height:24px; padding:0 10px 0 10px; box-sizing:border-box; }
.con_table input[type="text"].wop1 { width:auto; }
.con_table input[type="text"].wop2 { ime-mode:disabled; width:120px; }
.con_table input[type="text"].wop3 { width:calc(100% - 80px); }
.con_table input[type="text"].wop4 { width:calc(100% - 130px); margin:0 0 0 5px; }
.con_table input[type="text"].wop5 { width:150px; margin:0 0 0 5px; }
.con_table input[type="text"].wop6 { width:90%; }
.con_table input[type="text"].wop7 { width:49%; }
.con_table input[type="text"].wop8 { width:calc(100% - 130px); }
.con_table input[type="text"].wop9 { width:100px; }
.con_table input[type="text"].wop10 { width:calc(100% - 85px); }
.con_table input[type="text"].wop11 { width:200px; }
.con_table input[type="text"].wop12 { width:150px; }
.con_table input[type="radio"] { margin:-1px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_table input[type="checkbox"] { margin:-1px 4px 0 0; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
.con_table input[type="password"] { width:100%; height:24px; padding:0 10px 0 10px; box-sizing:border-box; }
.con_table input[type="password"].wop1 { width:calc(100% - 130px); }
.con_table select { height:24px; padding:0 0 0 10px; cursor:pointer; border:1px solid #dddddd; box-sizing:border-box; }
.con_table select.wop1 { width:120px; }
.con_table select.wop2 { width:100%; }
.con_table select.wop3 { width:49%; margin:0 2% 0 0; }
.con_table select.wop4 { width:auto; }
.con_table select.mop1 { margin:0 0 0 10px; }
.con_table textarea { width:100%; padding:10px 10px 10px 10px; border:1px solid #dddddd; box-sizing:border-box; }
.con_table textarea.hop1 { height:200px; }
.con_table textarea.hop2 { height:400px; }
.con_table textarea.hop3 { height:300px; }
.con_table textarea.hop4 { height:150px; }
.con_table ul.file { overflow:hidden; }
.con_table ul.file.mop1 { margin:8px 0 0 0; }
.con_table ul.file li { float:left; margin:0 5px 0 0; }
.con_table ul.file li.tit { color:#fb3109; font-size:13px; font-weight:500; margin:0 15px 0 0; padding:6px 0 0 0; }
.con_table ul.file li.tit2 { color:#fb3109; font-size:13px; font-weight:500; padding:6px 0 0 0; }
.con_table ul.file li:last-child { margin:0 0 0 0; }
.con_table ul.file li a.link1 { display:inline-block; padding:3px 10px 3px 10px; background:#ffffff; color:#333333; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; border:1px solid #999999; margin:0 5px 0 0; transition:all 0.3s ease; }
.con_table ul.file li a.link1:hover { background:#666666; color:#ffffff; }
.con_table ul.file li a.link2 { display:inline-block; padding:3px 10px 3px 10px; background:#666666; color:#ffffff; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; border-radius:4px; transition:all 0.3s ease; }
.con_table ul.file li a.link2:hover { background:#444444; }
.con_table ul.file2 { margin:15px 0 0 0; overflow:hidden; }
.con_table ul.file2.mop1 { margin:0 0 0 0; }
.con_table ul.file2 li { position:relative; padding:0 0 7px 10px; }
.con_table ul.file2 li:before { display:inline-block; position:absolute; left:0; top:6px; content:""; width:3px; height:3px; border-radius:100%; background-color:#111111; }
.con_table ul.file2 li a.link1 { color:#111111; font-size:13px; text-decoration:underline; transition:all 0.3s ease; }
.con_table ul.file2 li a.link1:hover { text-decoration:underline !important; }
.con_table span.fop1 { color:#111111; font-weight:700; }
.con_table span.fop2 { color:#f67400; font-weight:700; }
.con_table span.fop3 { color:#fb3109; font-weight:700; }
.con_table .btns { overflow:hidden; }

.con_btns { margin:20px 0 0 0; overflow:hidden; text-align:right; }
.con_btns a { display:inline-block; padding:3px 10px 3px 10px; background:#666666; color:#ffffff; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.03em; margin:0 3px 0 0; border-radius:4px; transition:all 0.3s ease; }
.con_btns a:hover { background:#444444; }
.con_btns a:last-child { margin:0 0 0 0; }

.con_agree { padding:30px 30px 30px 30px; overflow:hidden; border:5px solid #dddddd; }
.con_agree.mop1 { margin:30px 0 0 0; }
.con_agree h4 { color:#111111; font-size:18px; font-weight:700; letter-spacing:-0.03em; }
.con_agree h4.mop1 { margin:30px 0 0 0; }
.con_agree ul { margin:15px 0 0 0; overflow:hidden; }
.con_agree ul.mop1 { margin:0 0 0 0; }
.con_agree ul li { position:relative; padding:0 0 0 10px; margin:0 0 5px 0; color:#666666; font-size:14px; line-height:20px; word-break:keep-all; transition:all 0.3s ease; }
.con_agree ul li.fop1 { color:#f67400; font-weight:500; }
.con_agree ul li.fop2 { color:#fb3109; font-weight:500; }
.con_agree ul li.fop3 { color:#111111; }
.con_agree ul li:last-child { margin:0 0 0 0; }
.con_agree ul li:before { display:inline-block; position:absolute; left:0; top:10px; content:""; width:3px; height:3px; border-radius:100%; background-color:#111111; }

.con_agree2 { margin:30px 0 0 0; overflow:hidden; }
.con_agree2 ul { overflow:hidden; }
.con_agree2 ul li { margin:0 0 8px 0; color:#666666; line-height:20px; word-break:keep-all; transition:all 0.3s ease; }
.con_agree2 ul li.op1 { padding:0 0 0 28px; }
.con_agree2 ul li button { margin:0 0 0 10px; }
.con_agree2 ul li:last-child { margin:0 0 0 0; }
.con_agree2 label { display:inline-block; cursor:pointer; }
.con_agree2 input[type="checkbox"] { margin:-2px 4px 0 0; vertical-align:middle; width:20px; height:20px; cursor:pointer; }

.con_btn_center { margin:30px 0 0 0; overflow:hidden; text-align:center; }
.con_btn_center.mop1 { margin:20px 0 0 0; }
.con_btn_center.mop2 { margin:30px 0 50px 0; }
.con_btn_center a { margin:0 10px 0 0; transition:all 0.3s ease; }
.con_btn_center a:last-child { margin:0 0 0 0; }
.con_btn_center a:hover { filter:brightness(95%); }
.con_btn_center.mop1 a { margin:0 3px 0 0; }

.con_btn_right { margin:30px 0 0 0; overflow:hidden; text-align:right; }
.con_btn_right.mop1 { margin:20px 0 0 0; }
.con_btn_right.mop2 { margin:30px 0 50px 0; }
.con_btn_right a { margin:0 10px 0 0; transition:all 0.3s ease; }
.con_btn_right a:last-child { margin:0 0 0 0; }
.con_btn_right a:hover { filter:brightness(95%); }
.con_btn_right.mop1 a { margin:0 3px 0 0; }

.con_popheader { position:relative; overflow:hidden; padding:20px 20px 20px 20px; background:#454f59; color:#ffffff; font-size:20px; font-weight:700; letter-spacing:-0.03em; }
.con_popheader a.link_close { position:absolute; right:25px; top:20px; display:inline-block; width:20px; height:20px; background:url("../images/close_01.png") no-repeat 0 0; background-size:20px; text-indent:-10000px; transition:all 0.3s ease; }
.con_popheader a.link_close:hover { transform:rotate(180deg); }

.con_popbody { overflow:hidden; padding:20px 20px 20px 20px; }

.con_step { margin:15px 0 0 0; overflow:hidden; padding:30px 30px 30px 30px; border:1px solid #d8d8d8; background:#fafafa; border-radius:8px; }
.con_step_c { float:left; width:21.25%; overflow:hidden; padding:20px 5px 20px 5px; border:1px solid #d8d8d8; color:#ffffff; font-size:18px; font-weight:700; text-align:center; letter-spacing:-0.03em; background:#f5f5f5; border-radius:4px; box-sizing:border-box; }
.con_step_c.bgop1 { background:#5d687a; animation:con_step_ani1 1s ease; }
.con_step_c.bgop2 { background:#4b7fbd; animation:con_step_ani2 1s ease; }
.con_step_c.bgop3 { background:#58a098; animation:con_step_ani3 1s ease; }
.con_step_c.bgop4 { background:#9cc046; animation:con_step_ani4 1s ease; }
.con_step_a { float:left; width:5%; overflow:hidden; height:50px; background:url("../images/arrow_01.png") no-repeat center 15px; animation:con_step_ani5 3s ease; }
@keyframes con_step_ani1 { 0% { opacity:0.0; transform:translateX(-50%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani2 { 0% { opacity:0.0; transform:translateX(-100%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani3 { 0% { opacity:0.0; transform:translateX(-150%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani4 { 0% { opacity:0.0; transform:translateX(-200%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_step_ani5 { 0% { opacity:0.0; transform:translateX(-40%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_layout { margin:30px 0 0 0; overflow:hidden; }
.con_layout_c { float:left; width:49%; min-height:300px; overflow:hidden; margin:0 2% 0 0; padding:30px 30px 30px 30px; border:1px solid #d8d8d8; border-radius:4px; box-sizing:border-box; }
.con_layout_c.mop1 { margin:0 0 0 0; }
.con_layout_c.hop1 { min-height:450px; }
.con_layout_c.hop2 { min-height:330px; background:url("../images/bg_01.png") no-repeat right 25px bottom 25px; background-size:250px; }
.con_layout_c.hop3 { min-height:330px; }
.con_layout_c h3 { position:relative; color:#111111; font-size:19px; font-weight:700; letter-spacing:-0.05em; }
.con_layout_c h3 a.more { position:absolute; right:0px; top:5px; color:#777777; font-size:14px; font-weight:400; letter-spacing:-0.03em; }
.con_layout_c h4 { margin:10px 0 0 0; color:#888888; font-size:13px; font-weight:400; letter-spacing:-0.05em; }

.con_quick { margin:30px 0 0 0; overflow:hidden; }
.con_quick_c { float:left; width:49%; overflow:hidden; margin:0 2% 0 0; padding:40px 40px 40px 40px; border:1px solid #d8d8d8; border-radius:12px; box-sizing:border-box; }
.con_quick_c.bgop1 { background:#f7954c url("../images/quick_01.png") no-repeat right 40px top 30px; background-size:auto 50px; }
.con_quick_c.bgop2 { background:#9ed175 url("../images/quick_02.png") no-repeat right 40px top 30px; background-size:auto 50px; margin:0 0 0 0; }
.con_quick_c h3 { position:relative; color:#ffffff; font-size:24px; font-weight:700; letter-spacing:-0.05em; }
.con_quick_c ul { width:100%; margin:60px 0 0 0; overflow:hidden; }
.con_quick_c ul li { float:left; width:48%; margin:0 4% 0 0; }
.con_quick_c ul li:last-child { margin:0 0 0 0; }
.con_quick_c ul li a { display:block; padding:20px 0 20px 0; color:#ffffff; font-size:20px; font-weight:700; text-align:center; letter-spacing:-0.01em; border-radius:30px; transition:all 0.3s ease; }
.con_quick_c ul li a.link1 { background:#e1c058; }
.con_quick_c ul li a.link2 { background:#c57e48; }
.con_quick_c ul li a.link1:hover { background:#a06937; }
.con_quick_c ul li a.link2:hover { background:#73390d; }
.con_quick_c ul li a.link3 { background:#5eb157; }
.con_quick_c ul li a.link4 { background:#7d9a65; }
.con_quick_c ul li a.link3:hover { background:#436f40; }
.con_quick_c ul li a.link4:hover { background:#4e5a3f; }

.con_cont { margin:30px 0 0 0; overflow:hidden; }
.con_cont_c { float:left; width:32%; height:320px; overflow:hidden; margin:0 2% 0 0; padding:40px 40px 40px 40px; border:1px solid #d8d8d8; border-radius:12px; box-sizing:border-box; background:#f7f7f7; }
.con_cont_c.mop1 { margin:0 0 0 0; }
.con_cont_c h3 { position:relative; color:#222222; font-size:20px; font-weight:700; letter-spacing:-0.05em; }
.con_cont_c ul.files { margin:30px 0 0 0; overflow:hidden; }
.con_cont_c ul.files li { margin:0 0 9px 0; }
.con_cont_c ul.files li:last-child { margin:0 0 0 0; }
.con_cont_c ul.files li button { display:block; width:100%; padding:7px 0 7px 20px; color:#ffffff; font-size:15px; font-weight:400; text-align:left; letter-spacing:-0.03em; border-radius:4px; background:#5b88b2; border:none; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease; }
.con_cont_c ul.files li button:hover { background:#2d577e; }

.con_cont_c ul.noti { margin:30px 0 0 0; overflow:hidden; }
.con_cont_c ul.noti li { margin:0 0 7px 0; color:#666666; font-size:15px; font-weight:400; line-height:24px; letter-spacing:-0.03em; word-break:keep-all; }
.con_cont_c ul.noti li:last-child { margin:0 0 0 0; }
.con_cont_c ul.noti li.btns { margin:20px 0 0 0; }
.con_cont_c ul.noti li span.fop1 { color:#111111; font-size:15px; font-weight:700; }
.con_cont_c ul.noti li span.fop2 { color:#f67400; font-size:15px; font-weight:700; }
.con_cont_c ul.noti li a.link1 { display:block; padding:5px 0 5px 0; color:#ffffff; font-size:15px; font-weight:400; text-align:center; letter-spacing:-0.03em; border-radius:4px; background:#8b729c; transition:all 0.3s ease; }
.con_cont_c ul.noti li a.link1:hover { background:#6c507f; }
.con_cont_c ul.noti li a.link2 { text-decoration:underline; }
.con_cont_c ul.noti li a.link2:hover { text-decoration:underline !important; }

.con_cs { margin:25px 0 0 0; overflow:hidden; color:#4b96e7; font-size:40px; font-weight:700; letter-spacing:-0.02em; }

.con_login_header { overflow:hidden; padding:20px 0 20px 0; border-bottom:1px solid #e5e5e5; }
.con_login_header ul { position:absolute; right:0px; top:20px; overflow:hidden; }
.con_login_header ul li { float:left; }
.con_login_header ul li a { display:inline-block; color:#777777; font-size:14px; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_login_header ul li a:hover { color:#111111; }
.con_login_header ul li:after { content:"|"; color:#cccccc; font-size:13px; font-weight:300; text-align:center; padding:0 12px 0 12px; }
.con_login_header ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_login_visual { padding:40px 0 40px 0; background:#fcfcd2 url("../images/visual_02.png") no-repeat center bottom; border-bottom:1px solid #e8e8e8; box-sizing:border-box; }
.con_login_visual h1 { color:#fc9c14; font-size:30px; font-weight:900; line-height:30px; letter-spacing:-0.07em; animation:con_login_visual_ani1 0.5s ease; }
.con_login_visual h1 span { margin:0 0 0 4px; color:#4e4e4e; font-size:20px; font-weight:700; letter-spacing:-0.05em; }
.con_login_visual h2 { margin:12px 0 0 4px; color:#777777; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.03em; animation:con_login_visual_ani2 1s ease; }
@keyframes con_login_visual_ani1 { 0% { opacity:0.0; transform:translateX(25%); } 100%{ opacity:1.0; transform:translateX(0); } }
@keyframes con_login_visual_ani2 { 0% { opacity:0.0; transform:translateX(25%); } 100%{ opacity:1.0; transform:translateX(0); } }

.con_login_form { margin:22px 0 0 0; overflow:hidden; }
.con_login_form h3 { color:#222222; font-size:17px; font-weight:900; letter-spacing:-0.03em; }
.con_login_form ul { margin:13px 0 0 0; overflow:hidden; }
.con_login_form ul li { float:left; margin:0 7px 0 0; }
.con_login_form ul li input[type="text"] { font-size:16px; width:160px; height:35px; border:1px solid #d8d8d8; padding:0 10px 0 10px; box-sizing:border-box; }
.con_login_form ul li input[type="password"] { font-size:16px; width:160px; height:35px; border:1px solid #d8d8d8; padding:0 10px 0 10px; box-sizing:border-box; }
.con_login_form ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; border:1px solid #d8d8d8; cursor:pointer; box-sizing:border-box; }
.con_login_form ul li input[type="submit"] { display:inline-block; height:35px; padding:0 23px 0 23px; background:#666666; color:#ffffff; font-size:15px; font-weight:500; text-align:center; line-height:35px; letter-spacing:-0.03em; border:none; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease; }
.con_login_form ul li input[type="submit"]:hover { background:#222222; }
.con_login_form ul li.op1 { clear:both; margin:10px 0 0 0; }
.con_login_form ul li label { display:inline-block; color:#666666; font-size:14px; font-weight:500; letter-spacing:-0.03em; cursor:pointer; }

.con_login_form2 { margin:25px 0 0 0; width:470px; transition:all 0.3s ease; }
.con_login_form2 h3 { color:#222222; font-size:17px; font-weight:900; letter-spacing:-0.03em; transition:all 0.3s ease; }
.con_login_form2 ul { margin:15px 0 0 0; display:flex; flex-direction:column; }
.con_login_form2 ul li { margin:0 0 6px 0; transition:all 0.3s ease; }
.con_login_form2 ul li:last-child { margin:0 0 0 0; }
.con_login_form2 ul li.op1 { margin:2px 0 0 0; }
.con_login_form2 ul li.btns { margin:15px 0 0 0; }
.con_login_form2 ul li.btns input[type="submit"] { display:block; width:100%; height:45px; color:#ffffff; font-size:16px; font-weight:500; text-align:center; line-height:43px; letter-spacing:-0.03em; background:#555555; border:none; border-radius:4px; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease; }
.con_login_form2 ul li.btns input[type="submit"]:hover { background:#333333; }

.con_login_form2 ul li dl.st1 { display:flex; justify-content:space-between; }
.con_login_form2 ul li dl.st1 dt { margin:0 5px 0 0; width:calc((100% - 5px) / 2); }
.con_login_form2 ul li dl.st1 dt:last-child { margin:0 0 0 0; }
.con_login_form2 ul li dl.st1 dt input[type="text"] { padding:0 10px 0 10px; width:100%; height:35px; font-size:14px; font-weight:400; letter-spacing:-0.02em; border:1px solid #d8d8d8; box-sizing:border-box; }
.con_login_form2 ul li dl.st1 dt input[type="password"] { padding:0 10px 0 10px; width:100%; height:35px; font-size:14px; font-weight:400; letter-spacing:-0.02em; border:1px solid #d8d8d8; box-sizing:border-box; }

.con_login_form2 ul li dl.st2 { display:flex; justify-content:space-between; }
.con_login_form2 ul li dl.st2 dt { margin:0 20px 0 0; font-family:"Paperlogy"; color:#333333; font-size:12px; font-weight:400; text-align:right; letter-spacing:0.03em; }
.con_login_form2 ul li dl.st2 dt label { display:inline-block; font-family:"Paperlogy"; color:#333333; font-size:13px; font-weight:400; letter-spacing:0.05em; cursor:pointer; }
.con_login_form2 ul li dl.st2 dt input[type="checkbox"] { margin:-2px 3px 0 0; vertical-align:middle; width:16px; height:16px; border:1px solid #d8d8d8; cursor:pointer; box-sizing:border-box; }
.con_login_form2 ul li dl.st2 dt:last-child { margin:0 0 0 0; }

.con_login_form2 ul li dl.st3 { margin:10px 0 0 0; display:flex; }
.con_login_form2 ul li dl.st3 dt { margin:0 5px 0 0; transition:all 0.3s ease; }
.con_login_form2 ul li dl.st3 dt:last-child { margin:0 0 0 0; }
.con_login_form2 ul li dl.st3 dt.forms1 { width:150px; }
.con_login_form2 ul li dl.st3 dt.forms2 { width:calc(100% - 155px); }
.con_login_form2 ul li dl.st3 dt select { padding:0 0 0 5px; width:100%; height:30px; font-size:14px; font-weight:400; letter-spacing:-0.02em; background:#ffffff; border:1px solid #d8d8d8; cursor:pointer; box-sizing:border-box; }
.con_login_form2 ul li dl.st3 dt input[type="text"] { padding:0 10px 0 10px; width:100%; height:30px; font-size:14px; font-weight:400; letter-spacing:-0.02em; background:#ffffff; border:1px solid #d8d8d8; box-sizing:border-box; }
.con_login_form2 ul li dl.st3 dt p { margin:5px 0 0 0; display:block; font-family:"Paperlogy"; color:#000000; font-size:12px; font-weight:400; text-align:right; letter-spacing:0.05em; }

.con_login_form2 ul li dl.st4 { margin:3px 0 0 0; display:flex; }
.con_login_form2 ul li dl.st4 dt { margin:0 5px 0 0; transition:all 0.3s ease; }
.con_login_form2 ul li dl.st4 dt:last-child { margin:0 0 0 0; }
.con_login_form2 ul li dl.st4 dt.forms1 { width:calc(100% - 105px); }
.con_login_form2 ul li dl.st4 dt.forms2 { width:100px; }
.con_login_form2 ul li dl.st4 dt input[type="text"] { padding:0 10px 0 10px; width:100%; height:30px; font-size:14px; font-weight:400; letter-spacing:-0.02em; background:#ffffff; border:1px solid #d8d8d8; box-sizing:border-box; }
.con_login_form2 ul li dl.st4 dt a.link1 { display:block; height:30px; color:#111111; font-size:13px; font-weight:400; line-height:28px; text-align:center; letter-spacing:-0.03em; background:#f2f2f2; border:1px solid #d8d8d8; border-radius:4px; cursor:pointer; transition:all 0.3s ease; }
.con_login_form2 ul li dl.st4 dt a.link1:hover { color:#ffffff; background:#888888; border:1px solid #888888; }

.con_popup_wrap { overflow:hidden; padding:30px 30px 30px 30px; }

.con_txtcnt { margin:10px 0 0 0; overflow:hidden; }
.con_txtcnt .con1 { float:left; overflow:hidden; color:#fb3109; font-size:13px; }
.con_txtcnt .con2 { float:right; overflow:hidden; color:#777777; font-size:13px; font-weight:400; letter-spacing:0.00em; }
.con_txtcnt .con2 span { color:#111111; font-weight:700; }

.con_popcheck { margin:30px 0 0 0; overflow:hidden; }
.con_popcheck ul { float:right; overflow:hidden; }
.con_popcheck ul li { float:left; margin:0 8px 0 0; transition:all 0.3s ease; }
.con_popcheck ul li:last-child { margin:0 0 0 0; }
.con_popcheck ul li.chk { padding:5px 0 0 0; }
.con_popcheck ul li input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_popcheck ul li a { display:inline-block; padding:0 15px 0 15px; height:24px; background:#f4f4f4; color:#333333 !important; font-size:13px; font-weight:500; text-align:center; line-height:22px; letter-spacing:-0.03em; border:1px solid #999999; border-radius:4px; box-sizing:border-box; transition:all 0.3s ease; }
.con_popcheck ul li a:hover { background:#666666; color:#ffffff !important; border:1px solid #666666; }
.con_popcheck ul li label { display:inline-block; color:#666666; font-size:14px; font-weight:500; letter-spacing:-0.03em; cursor:pointer; }

.con_print { position:relative; width:210mm; min-height:297mm; background:#ffffff; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); margin:10mm 10mm 10mm 10mm; }
.con_print .bgop1_wrap { display:block; height:100px; background-color:#ffffff; }
.con_print i.bgop1 { display:block; height:100px; background-image:linear-gradient(to right, #014167,#f6d925); border-radius:0 0 70px 70px; }
.con_print i.bgop2 { position:fixed; bottom:0px; display:block; width:210mm; height:30px; background:#264460; border-radius:70px 70px 0 0; z-index:99; }
.con_print i.bgop3 { position:absolute; top:calc(50% - 200px); display:inline-block; width:100%; height:400px; background:url("../images/print_03.png") no-repeat center 0; background-size:400px; opacity:0.1; }
.con_print_c { padding:10mm 10mm 0 10mm; background:#ffffff; }
.con_print_c.pop1 { padding:6mm 10mm 0 10mm; }
.con_print_c h1 { color:#000000; font-size:22px; font-weight:900; text-align:center; letter-spacing:-0.05em; }
.con_print_c h1.poop1 { position:absolute; left:0; top:50px; width:100%; color:#ffffff; font-size:30px; font-weight:900; text-align:center; letter-spacing:-0.05em; }
.con_print_c h3 { position:absolute; right:20px; top:20px; color:#007449; font-size:12px; font-weight:700; letter-spacing:0.00em; }

.con_print_c .con1 { margin:25px 0 0 0; }
.con_print_c .con1.mop1 { margin:30px 0 0 0; }
.con_print_c .con1.mop2 { margin:0 0 0 0; }
.con_print_c .con1.mop3 { margin:21px 0 0 0; }
.con_print_c .con1 h2 { color:#000000; font-size:15px; font-weight:700; letter-spacing:-0.03em; }
.con_print_c .con1 h2 img { margin:0 6px 0 0; height:20px; }

.con_print_c .con2 { margin:25px 0 0 0; color:#000000; font-size:14px; font-weight:500; line-height:1.0; text-align:center; letter-spacing:-0.03em; }
.con_print_c .con2.mop1 { margin:30px 0 0 0; }

.con_print_c .con3 { margin:25px 0 0 0; }
.con_print_c .con3.mop1 { margin:30px 0 0 0; }
.con_print_c .con3 ul { display:table; margin-left:auto; margin-right:auto; overflow:hidden; }
.con_print_c .con3 ul li { float:left; color:#000000; font-size:15px; font-weight:500; }
.con_print_c .con3 ul li.dt { margin:0 80px 0 0; }
.con_print_c .con3 ul li.sc { letter-spacing:-0.03em; }
.con_print_c .con3 ul li.sc span { margin:0 50px 0 0; }

.con_print_c .con4 { margin:20px 0 0 0; padding:0 0 0 40px; color:#444444; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; }

.con_print_c .con5 { position:relative; padding:0 40px 0 40px; text-align:right; }
.con_print_c .con5 img { height:62px; }
.con_print_c .con5 span { position:absolute; right:70px; top:20px; color:#000000; font-size:20px; font-weight:700; letter-spacing:-0.05em; }

.con_print_c .con6 { position:relative; margin:20px 0 0 0; padding:0 10px 10px 10px; }
.con_print_c .con6 ul { overflow:hidden; }
.con_print_c .con6 ul li { float:left; margin:0 0 7px 0; }
.con_print_c .con6 ul li.tit { clear:both; width:125px; color:#000000; font-size:14px; font-weight:500; letter-spacing:-0.03em; }
.con_print_c .con6 ul li.tit i { display:inline-block; width:4px; }
.con_print_c .con6 ul li.desc { color:#444444; font-size:12px; font-weight:400; letter-spacing:-0.02em; }
.con_print_c .con6 img { position:absolute; right:20px; top:0px; height:35px; }

.con_print_table { position:relative; margin:6px 0 0 0; z-index:9; }
.con_print_table table { width:100%; }
.con_print_table th { padding:8px 0 8px 0; color:#000000; font-size:13px; text-align:center; font-weight:700; line-height:1.1; border:1px solid #999999; background:#f2f2f2; }
.con_print_table td { padding:8px 10px 8px 10px; border:1px solid #999999; color:#444444; font-size:13px; text-align:left; font-weight:400; line-height:1.1; }
.con_print_table td.mini { padding:8px 10px 8px 10px; border:1px solid #999999; color:#444444; font-size:10px; text-align:left; font-weight:400; line-height:1.1; }
.con_print_table tbody.op1 td { padding:8px 5px 8px 5px; text-align:center; }
.con_print_table td.taop1 { padding:8px 5px 8px 5px; text-align:center; }
.con_print_table thead.op2 th { padding:5px 0 5px 0; background:#f3f6ed; }
.con_print_table tbody.op2 th { padding:4px 0 4px 0; background:#f3f6ed; }
.con_print_table tbody.op2 td { padding:4px 5px 4px 5px; text-align:center; }
.con_print_table tbody.op2 td.taop1 { padding:4px 5px 4px 5px; text-align:center; }
.con_print_table td ul { overflow:hidden; padding:15px 10px 10px 10px; }
.con_print_table td ul li { color:#444444; font-size:13px; font-weight:400; }
.con_print_table td ul li.tit { color:#000000; font-size:14px; font-weight:700; }
.con_print_table td ul li.desc { margin:20px 0 10px 0; }
.con_print_table td ul li.in { margin:0 0 8px 0; }
.con_print_table td ul li.in2 { margin:0 0 5px 10px; }

#con_backtop { display:none; position:fixed; bottom:75px; right:30px; z-index:999999; }
#con_backtop a { display:block; width:66px; height:66px; border-radius:10px; text-indent:-10000px; background:rgba(0,0,0,0.3) url("../images/top_01.png") no-repeat center center; transition:all 0.3s ease; }
#con_backtop a:hover { background:rgba(0,0,0,0.5) url("../images/top_01.png") no-repeat center center; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

a.btn_red_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_reddish_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_orange_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blue_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_sky_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_green_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_grey_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_brown_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_purple_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_black_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_turquoise_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_bluegreen_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blank_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; }

a.btn_red_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_reddish_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_orange_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blue_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_sky_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_green_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_grey_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_brown_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_purple_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_black_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_turquoise_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_bluegreen_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blank_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; }

a.btn_red_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_reddish_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_orange_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blue_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_sky_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_green_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_grey_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#555555; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_brown_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#877569; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_purple_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_black_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#000000; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_turquoise_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_bluegreen_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#004562; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; }
a.btn_blank_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#ffffff; color:#444444; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; }

a.btn_red_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_reddish_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_orange_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blue_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_sky_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_green_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_grey_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_brown_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_purple_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_black_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_turquoise_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_bluegreen_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blank_01:hover { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; text-decoration:none; }

a.btn_red_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_reddish_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_orange_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blue_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_sky_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_green_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_grey_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_brown_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_purple_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_black_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_turquoise_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_bluegreen_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blank_02:hover { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; text-decoration:none; }

a.btn_red_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_reddish_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_orange_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blue_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_sky_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_green_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_grey_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#555555; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_brown_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#877569; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_purple_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_black_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#000000; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_turquoise_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_bluegreen_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#004562; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; text-decoration:none; }
a.btn_blank_03:hover { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#ffffff; color:#444444; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; text-decoration:none; }

.btn_red_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_reddish_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_orange_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blue_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_sky_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_green_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_grey_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_brown_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_purple_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_black_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_turquoise_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_bluegreen_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blank_01 { display:inline-block; padding:12px 30px 12px 30px; font-size:16px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; cursor:pointer; }

.btn_red_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_reddish_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_orange_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blue_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_sky_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_green_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_grey_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#555555; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_brown_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#877569; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_purple_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_black_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#000000; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_turquoise_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_bluegreen_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#004562; color:#ffffff; text-align:center; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blank_02 { display:inline-block; padding:7px 25px 7px 25px; font-size:14px; font-weight:400; background:#ffffff; color:#444444; text-align:center; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; cursor:pointer; }

.btn_red_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e11e25; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_reddish_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#e22e5c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_orange_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#f67400; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blue_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#007cd0; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_sky_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#40a2ed; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_green_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#31a97c; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_grey_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#555555; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_brown_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#877569; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_purple_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#322e78; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_black_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#000000; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_turquoise_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#039ac7; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_bluegreen_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#004562; color:#ffffff; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; cursor:pointer; }
.btn_blank_03 { display:inline-block; padding:3px 8px 3px 8px; font-size:12px; font-weight:400; background:#ffffff; color:#444444; text-align:center; line-height:16px; letter-spacing:-0.03em; border-radius:4px; border:1px solid #999999; cursor:pointer; }

.b { border:1px solid #000000; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/*
background-image:url("../../images/bg_23.jpg"), url("../../images/bg_24.jpg"); background-position:0 0, 0 0; background-repeat:repeat-x, no-repeat;

outline:none;
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; // 2줄

display:table; margin-left:auto; margin-right:auto;

#con_footmenu a:after { padding:0 0 0 12px; content:"|"; color:#999999; font-size:12px; text-align:center; }
#con_footmenu a:last-child:after { padding:0 0 0 0; content:none; }

img-responsive

.con_tab .con_tab_c { display:table; width:100%; height:69px; table-layout:fixed; border-collapse:collapse; }
.con_tab .con_tab_c a { display:table-cell; height:69px; color:#3e3e3e; font-size:18px; text-align:center; letter-spacing:0.03em; background:url("../../images/tab_bg.jpg") no-repeat 0 0; padding:17px 0 0 0; }

<img src="/htmlp/images/sbanner_01.jpg" alt="내용이 들어갑니다." >

data-toggle="modal" data-target=".modal-examlist"
onclick="javascript:$('#modal-notice-1').fadeOut(); $('#modal-notice-2').fadeIn(); "

position:relative;
position:absolute; left:0px; top:0px;

text-indent:-10000px;
text-indent:-10000px; font-size:0; line-height:1;

<label for="id" class="hidden" > 선택</label > <input type="checkbox" name="name" id="id" value="" class="mr5" >

word-break:keep-all;
word-break:break-all;

a.link1 { background:#fff200; } 노랑
a.link1 { background:#4b96e7; } 스카이
a.link2 { background:#007cd0; } 파랑
a.link3 { background:#f67400; } 주황
a.link4 { background:#02a9ca; } 민트
a.link5 { background:#31a97c; } 그린
a.link6 { background:#7c8598; } 그레이
a.link7 { background:#927d67; } 브라운
a.link8 { background:#495bb4; } 보라
a.link9 { background:#e64746; } 레드
a.link10 { background:#eef0f5; } 연한그레이
a.link11 { background:#ffffff; } 라인

background:#fdfbf7 골드
background:#f2faff 블루
background:#f4fcfd 청록
background:#f8fbf6 그린
background:#fbf9f7 브라운
background:#fdf8f7 주황
background:#fcf4f9 자주
background:#f9f7fd 보라
background:#f3faf8 청그린

background:url("../../images/control_01.png") no-repeat 0 0;

.con_imglist_c .con1 a.imgs { display:block; width:100%; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #dddddd; border-top-left-radius:4px; border-top-right-radius:4px; text-indent:-10000px; transform:scale(1); transition:all 0.3s ease; }
.con_imglist_c .con1 a.imgs:hover { filter:brightness(95%); transform:scale(1.05); }

position:relative;
position:absolute; right:0px; top:35px;

display:inline-block; width:205px; height:47px; background:url("../../images/v1_logo_01.png") no-repeat 0 0; margin-top:25px; text-indent:-10000px;
display:inline-block; padding:7px 20px 7px 20px; background:#777777; color:#e6ebf1; font-size:14px; text-align:center; letter-spacing:0.03em;
display:inline-block; width:100%; padding:50px 0 0 0; background:url("../../images/v1_ic_06.png") no-repeat center 0; color:#ffffff; font-size:17px; text-align:center; letter-spacing:0.03em;

animation:con_profile_ani1 infinite 3s ease alternate;
@keyframes con_record_ani1 { 0% { opacity:0.3; transform:translateY(-20%); } 50% { opacity:0.3; transform:translateY(0); } 100% { opacity:0.3; transform:translateY(-20%); } }

display:flex; flex-flow:row nowrap; justify-content:flex-start;
display:flex; align-items:center; justify-content:center;

.con_exam_list4 { margin:15px 0 0 0; border-top:1px solid #111111; }
.con_exam_list4 ul { display:flex; flex-flow:row nowrap; justify-content:flex-start; border:1px solid #000000; }
.con_exam_list4 li { }
.con_exam_list4 li.tit { flex-shrink:0; width:100px; border:1px solid #ff0000; }
.con_exam_list4 li.desc { flex-grow:1; border:1px solid #0000ff; }

border:1px solid #000000;

<img src="../assets/images/file_02.png" alt="첨부파일 제목이 들어갑니다." >

.sorting { display:flex; align-items:center; cursor:pointer; }
.sorting:before { content:''; display:inline-block; margin-right:5px; border-left:6px solid #707070; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.sorting.ascending:before { border-bottom:6px solid #133D8E; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none; }
.sorting.descending:before { border-top:6px solid #133D8E; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:none; }
.sorting:hover span { font-weight:bold; }

color:#ffffff; font-size:12px; text-align:center; line-height:26px; letter-spacing:0.03em;
color:#ffffff; font-size:12px; letter-spacing:0.03em;

box-sizing:border-box;

.sr_only { position:absolute; white-space:nowrap; width:1px; height:1px; overflow:hidden; border:0; padding:0; clip:rect(0 0 0 0); clip-path:inset(50%); margin:-1px; }
.sr_only2 { position:relative; white-space:nowrap; width:1px; height:1px; overflow:hidden; border:0; padding:0; clip:rect(0 0 0 0); clip-path:inset(50%); margin:-1px; z-index:-1; }

.con22_mclass_cont .con22_1 .con22_cont ul.desc li { margin:0 0 3px 0; padding:0 0 0 10px; position:relative; color:#555555; font-size:14px; letter-spacing:0.03em; transition:all 0.3s ease; }
.con22_mclass_cont .con22_1 .con22_cont ul.desc li:before { position:absolute; left:0; top:6px; display:inline-block; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }

color:#ffffff; font-size:12px; text-align:center; line-height:26px; letter-spacing:0.03em;
color:#ffffff; font-size:12px; letter-spacing:0.03em;

<span class="status-span blue">미접수</span>
<span class="status-span purple">미접수</span>
<span class="status-span yellow">미접수</span>
<a href="#none" onclick="javascript:onPopupReason('$ { result.accidentCode}'); "><span class="status-span red">미접수</span></a>
<span class="status-span light-red">미접수</span>
<a href="#none" onclick="javascript:onPopupReason('$ { result.accidentCode}'); "><span class="status-span grey">미접수</span></a>
<span class="status-span charcoal">미접수</span>
<span class="status-span navy">미접수</span>
<span class="status-span green">미접수</span>

<img src="<c:url value="/resources/images/btn_gnb_06.png"/>" alt="전체메뉴">

.navbar_gov span:before { margin:0 5px 0 0; content:""; display:inline-block; width:44px; height:17px; background:url("../../images/ic_20.png") no-repeat 0 0; vertical-align:middle; }

aspect-ratio:4 / 3;

text-decoration:underline; text-underline-position:under;

standardType="B"

data-aos="fade-up" data-aos-delay="400"

animate__animated animate__backInUp animate__infinite

class="wow swing" data-wow-iteration="infinite" data-wow-delay=".2s" data-wow-duration="3s"

.con_mvisual_c2 .con2 a.more:after { margin:0 0 0 8px; content:""; display:inline-block; width:18px; height:12px; background:url("../../images/more_05.png") no-repeat 0 -1px; vertical-align:middle; transition:all 0.3s ease; }

transition:background-color 0.2s;
transition:all 0.3s ease;
transform:rotate(360deg);

.sub_content_wrap.op1
.sub_content_wrap.op1a

list-style:none;

<caption>
   중복사고확인 정보 입력 | 사고자성명, 사고일자, 생년월일로 구성됨
</caption>

<colgroup>
	<col style="width:180px;">
	<col style="width:calc(100% - 180px);">

	<col style="width:15%;">
	<col style="width:35%;">
	<col style="width:15%;">
	<col style="width:35%;">

	<col style="width:20%;">
	<col style="width:30%;">
	<col style="width:20%;">
	<col style="width:30%;">

	<col style="width:15%;">
	<col style="width:85%;">

	<col style="width:20%;">
	<col style="width:80%;">

	<col style="width:25%;">
	<col style="width:75%;">
</colgroup>

<div class="date_set wop1">
	<label for="date01" class="btn btn-date poop1 mop1">날짜 입력</label>
	<input type="text" id="date01" name="duplChkTime" class="datepicker" readonly title="사고일자를 입력하세요. 예시) 2020-01-01">
</div>

<i class="must">필수항목</i>

<script>
$(function(){
	$('body').addClass('ham-open');
	$("#id_depth2").css({'display':'none'});
});
</script>

<h2 class="con_tit3 mop1">여행정보</h2>

<div class="con_btn_center">
	<a href="#none" class="btn btn-gray" id="btnList" onclick="fnList();">목록</a>
</div>

$(function(){
	$(".sub_visual > .wrap > h2").append("기관 회원가입");
	$(".bc_wrap .bcn li:nth-child(2)").css({"display":"none"});
});

$(function(){
	$(".sub_visual > .wrap > h2").append("치료비청구");
	$(".bc_wrap h3").append("치료비청구");
	$(".bc_wrap .bcn li:nth-child(2)").append("<span>치료비청구</span>");
	$(".bc_wrap .bcn li:nth-child(3)").append("<a href='/traveler/mtlClm.do'>치료비청구</a>");
});

.con_sitemap_c2 .con1 ul li a:before { display:inline-block; position:absolute; left:0; top:15px; content:""; width:4px; height:4px; border-radius:100%; background-color:#111111; }

font-family:"Pretendard";
font-family:"Pretendard"; font-weight:400;
font-family:"Pretendard"; color:#111111; font-size:14px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:0.03em;
color:#111111; font-size:14px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:0.03em;
letter-spacing:0.03em;

font-weight:400; font-family:"scdream"; // R
font-weight:500; font-family:"scdream"; // M
font-weight:600; font-family:"scdream"; // B
font-weight:700; font-family:"scdream"; // K

font-family:"scdream";
font-weight:400;
font-family:"scdream"; font-weight:400;
font-family:"scdream"; font-weight:500;
font-family:"scdream"; color:#111111; font-size:15px; font-weight:400; letter-spacing:0.03em;

letter-spacing:0.03em;

font-family:"SebangGothic"; font-weight:400;
font-family:"SebangGothic"; font-weight:700;

font-family:"ROKG_R"; font-weight:700;

font-family:"scdream";

font-family:"Paperlogy";
font-family:"Paperlogy"; font-weight:700;
*/