@charset "utf-8";

h1 { display: none; }
h2 {
	clear: both; width: 100%; height: 40px; font-size: 22px; color: #000; margin: 0 0; padding: 0 0;
	margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;
}
ul { margin: 0 0; padding: 0 0; }
#H1 { display: none; width: 100%; height: 1px; background: #FFF; position: fixed; top: 0; z-index: 500; }
.E22 { color: #E52929; } .DEB { color: #086DEB; } .Won { font-size: 13px; color: #888; padding-left: 2px; }
.slide { width: 100%; background: url('/img/banner-pc2.jpg') no-repeat center; min-height: 300px; display: inline-block; }
.comcor { color: #425AD4; } .ti-12 { text-indent: 12px; }
.menu-fixed { top: 1px; position: fixed; z-index: 500; }

.dNone { display: none; } .dShow { display: block; }
.None { clear: both; width: 100%; text-align: center; border-bottom: 1px solid #EBEBEB; padding: 100px 0px; font-size: 16px; color: #555; }
.Btn-Wrap { clear: both; width: 100%; margin: 10px 0px; display: inline-block; text-align: right; }

.FL { float: left; } .FR { float: right; } .U { text-decoration: underline; } .TC { text-align: center; } .CP { cursor: pointer; }
.B { font-weight: bold; }.ls0 { letter-spacing: 0; }
.F08 { color: #FF0080; } .C08F { color: #0080FF; } .A4A { color: #A040A0; } .A00 { color: #A00000; } .F60 { color: #FF6000; }
.C480 { color: #478500; } .C284 { color: #218D44; } .C000 { color: #000; } .E20 { color: #ED2000; } .C3B3 { color: #31BA31; }
.C369 { color: #369; } .C999 { color: #999; } .AAA { color: #AAA; } .BBB { color: #BBB; } .C458 { color: #475B8F; }
.FS12 { font-size: 12px; } .FS13 { font-size: 13px; } .FS14 { font-size: 14px; } .FS15 { font-size: 15px; } .FS16 { font-size: 16px; }
#Checkbox-All { margin-top: 1px; }

#Screen { width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=60); z-Index: 1000; background: url('/img/ajax_back.png') repeat; }
#Screen, #AjaxFrame { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 1100; }
#AjaxFrame { overflow-y: scroll; }

#PageNumSmall { clear: both; width: 100%; display: table; margin: 20px 0px; text-align: center; }
#PageNumSmall a { border: 1px solid #CDCDCD; text-align: center; padding: 8px 12px; color: #777; font-family: arial; font-size: 15px; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; margin-left: 1px; }
#PageNumSmall a:hover, #PageNumSmall a.Selected { border: 1px solid #333; background: #999; color: #FFF; }
#PageNumSmall a.Selected { padding: 8px 22px; }
#PageNumSmall a:hover span { color: #FFF; }
#PageNumSmall a span { font-size: 15px; }

#popup {
	top: 50px; left: 50px; position: fixed; width: 450px; height: 450px; z-index: 2000; background: #FFF; border: 1px solid #FEFEFE;
	-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
}

.nice-select > .list { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.nice-select > .list::-webkit-scrollbar { width: 4px; }
.nice-select > .list::-webkit-scrollbar-track { background-color: #FFF; }
.nice-select > .list::-webkit-scrollbar-thumb { background-color: #BBB; }
.nice-select > .list::-webkit-scrollbar-button { display: none; }

.Wrap-100 { clear: both; width: 1200px; margin: 0 auto; }
.Wrap-100 .Container { width: 100%; display: inline-block; }
.Wrap-Left { float: left; width: 970px; margin-top: 30px; }
.Wrap-Right { float: right; width: 200px; margin-top: 30px; }

header { clear: both; width: 100%; height: 60px; background: #FFF; }
header article { width: 1200px; height: 60px; margin: 0 auto; }
header article h2 { float: left; width: 250px; height: 60px; display: table; }
header article h2 a { width: 250px; height: 60px; display: table-cell; vertical-align: middle; }
header article h2 img { height: 34px; }
header article ul { float: right; width: calc(100% - 300px); height: 60px; }
header article ul li { float: right; height: 60px; padding-left: 30px; display: table; }
header article ul li a { display: table-cell; vertical-align: middle; }
header article ul li a:hover, header article ul li a.select { color: #000; }

menu#menu { clear: both; width: 100%; height: 50px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #0080FF; background: #FFF; }
menu#menu ul { clear: both; width: 1200px; height: 51px; margin: 0 auto; margin-top: -1px; }
menu#menu ul li { float: left; height: 50px; display: table; background: #FFF; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #0080FF; }
menu#menu ul li:hover, menu#menu ul li.select { background: #0080FF; border-top: 1px solid #0080FF; }
menu#menu ul li.sitemap {
	width: 50px; height: 50px; border: 1px solid #EBEBEB; border-bottom: 1px solid #0080FF;
	background: url('/img/icon-menu-off.png') no-repeat 50% 50%; cursor: pointer;
}
menu#menu ul li.sitemap:hover { height: 50px; border: 1px solid #0080FF; border-bottom: 0; }
menu#menu ul li.sitemap-on {
	height: 50px; border: 1px solid #0080FF; border-top: 1px solid #0080FF; border-bottom: 0;
	background-color: #0080FF; background-image: url('/img/icon-menu-close.png'); background-repeat: no-repeat; background-position: 50% 50%;
}
menu#menu ul li a {
	width: 100%; height: 50px; font-size: 16px; font-weight: 500; color: #333; text-decoration: none; padding: 0 25px;
	display: table-cell; vertical-align: middle; font-family: 'Pretendard500';
}
menu#menu ul li a:visited { color: #333; }
menu#menu ul li a:hover { padding: 0 25px; color: #FFF; }
menu#menu ul li.select a { color: #FFF; }

.Wrap-CS { clear: both; width: 1200px; height: 120px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }
.Wrap-CS, .Wrap-CS .Left, .Wrap-CS .Center, .Wrap-CS .Right, .Wrap-CS .Right img {
	-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
}
.Wrap-CS h5, .Wrap-CS .QnA h5, .Wrap-CS .Left h5, .Wrap-CS .Center h5, .Wrap-CS .Right h5 {
	clear: both; width: calc(100% - 40px); height: 26px; margin: 0 0; padding: 0 0; padding-top: 14px; margin-left: 20px;
	font-size: 14px; font-weight: normal; color: #888;
	border-bottom: 1px solid #EEE; margin-block-start: 0; margin-block-end: 0;
}
.Wrap-CS .Left { float: left; width: 590px;/*439px;*/ height: 118px; border: 1px solid #EEE; }
.Wrap-CS .Left:hover { border: 1px solid #DADADA; }
.Wrap-CS .Left .left { clear: both; float: left; width: 48px; margin-left: 20px; }
.Wrap-CS .Left .left img { padding-top: 13px; width: 28px; }
.Wrap-CS .Left .right { float: left; width: 350px; margin-top: 13px; }
.Wrap-CS .Left .right span.l { font-size: 24px; font-weight: 500; font-family: arial; }
.Wrap-CS .Left .right span.r { font-size: 14px; color: #777; }
.Wrap-CS .Center { float: right; width: 590px; /*float: left; width: 439px;*/ height: 118px; margin-left: 12px; border: 1px solid #EEE; }
.Wrap-CS .Center:hover { border: 1px solid #DADADA; }
.Wrap-CS .Center .d { margin-top: 16px; }
.Wrap-CS .Center .d .l { padding-left: 20px; font-size: 14px; font-weight: 400; }
.Wrap-CS .Right { float: right; width: 292px; height: 118px; border: 1px solid #EEE; }
.Wrap-CS .Right:hover { border: 1px solid #DDD; }
.Wrap-CS .Right div { padding: 14px 0 0 20px; }

/*
.Wrap-Left { float: left; width: 1030px; margin-top: 30px; }
.Wrap-Right { float: right; width: 200px; margin-top: 30px; }
.Wrap-Left h3 { clear: both; width: 100%; font-weight: 500; font-size: 13px; color: #AAA; margin-top: 30px; font-family: 'TwayAir'; margin-bottom: 4px; }
*/

h3.Left-Subject { margin: 0 0; }

.checkbox {
	display: inline-block; width: 28px; height: 28px; margin-top: 0; cursor: pointer;
	background: url('/img/icon-check-white.png') no-repeat 50% 55% #DDD; background-size: 14px;
	-webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%;
}
.checkbox-on { background: url('/img/icon-check-white.png') no-repeat 50% 55% #1E3547; background-size: 14px; }
.checkbox-no { /*margin-top: 3px;*/ }

#goup {
	position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; display: none;
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	background: url('/img/arrow_top.jpg') no-repeat; background-color: #FFF; background-position: center center; cursor: pointer;
}
#goup:hover { border: 1px solid #C0C0C0; }

footer { clear: both; width: 100%; display: inline-block; border-top: 1px solid #EEE; }
footer .Menu-Foot { clear: both; width: 1200px; height: 31px; padding-top: 16px; margin: 0 auto; text-align: center; border-bottom: 1px solid #EEE; }
footer .Menu-Foot a { font-size: 14px; color: #555; font-weight: 500; }
footer .Menu-Foot a:hover { color: #000; }

footer .T1 { clear: both; width: 1200px; margin: 0 auto; }
footer .T1 .Container { width: 100%; display: inline-block; }
footer .T1 .Container h1 { display: block; float: left; width: 288px; }
footer .T1 .Container dl { width: 100%; margin-top: 15px; line-height: 1.9; text-align: center; }
footer .T1 .Container dl dt {
	display: inline; padding-left: 25px; font-size: 13px; font-weight: 300; color: #7F8994; letter-spacing: 0;
}
footer .T1 .Container dl dd {
	display: inline; margin: 0 0; padding: 0 0; padding-left: 6px; font-size: 13px; font-weight: 300; color: #222;
	margin-inline-start: 0; letter-spacing: 0;
}
footer .T1 .warnning { margin-top: 15px; width: 100%; text-align: center; color: #7F8994; font-size: 12.5px; }
footer .hr { clear: both; height: 10px; }
footer .line { clear: both; width: 100%; height: 1px; margin: 0 auto; border-bottom: 1px solid #FFF; opacity: 0.1; font-size: 0; }
footer address { clear: both; width: 1200px; margin: 0 auto; margin-top: 8px; margin-bottom: 22px; text-align: center; font-size: 12px; }

::placeholder { color: #888; font-size: 15px; opacity: 1; }
:-ms-input-placeholder { color: #888; font-size: 15px; opacity: 1; }
::-ms-input-placeholder { color: #888; font-size: 15px; opacity: 1; }


#Wrap-Body { clear: both; width: 1200px; margin: 0 auto; background: #FFF; }
#Wrap-Body .Container { width: 100%; margin: 30px 0; display: inline-block; }
#Wrap-Body .Container .pWrap { clear: both; width: 100%; display: inline-block; }
.pLeft { float: left; width: calc(50% - 20px); }
.pRight { float: right; width: calc(50% - 20px); }
.pAll { clear: both; width: 100%; }
.pWrap h3 { font-size: 17px; font-weight: 500; color: #000; }
.pWrap table { clear: both; width: 100%; margin-top: 6px; }
.pWrap table thead tr { height: 40px; background: url('/img/bg_body.png') repeat-x; border: 1px solid #E7E7E7; }
.pWrap table thead th { height: 34px; font-family: 'OTWelcomeRA'; padding-top: 6px; font-size: 14px; text-align: center; }
.pWrap table tbody td { height: 50px; border-bottom: 1px solid #E7E7E7; text-align: center; }
.pWrap table tbody td span.won { font-size: 13px; color: #777; }
.pWrap table tbody .td-right { border-right: 1px solid #E7E7E7; }

#navTitle {
	clear: both; width: 100%; height: 25px; margin: 0 auto; margin-top: -3px;
	font-size: 20px; font-weight: 500; color: #222;
}
.yak { clear: both; width: 100%; }
.yak li { clear: both; width: 100%; height: 40px; border-bottom: 1px solid #EEE; display: table; }
.yak li a { height: 40px; display: table-cell; vertical-align: middle; color: #666; }
.yak li.select, .yak li:hover, .yak li a.select { text-indent: 12px; color: #000; }