@charset "utf-8";
/* 나눔폰트 적용 */
@font-face {
font-family:'nanum';
src:url('/fonts/NanumGothic.eot');
src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff');
}
@font-face {
font-family:'nanumB';
src:url('/fonts/NanumGothicBold.eot');
src:url('/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothicBold.woff') format('woff');
}
@font-face {
font-family: 'nanum-square-r';
src: url('/fonts/nanumsquarer.eot');
src: url('/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquarer.woff2') format('woff2'),
url('/fonts/nanumsquarer.woff') format('woff'),
url('/fonts/nanumsquarer.ttf') format('truetype'),
url('/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nanum-square-b';
src: url('/fonts/nanumsquareb.eot');
src: url('/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquareb.woff2') format('woff2'),
url('/fonts/nanumsquareb.woff') format('woff'),
url('/fonts/nanumsquareb.ttf') format('truetype'),
url('/fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/notokr-regular.eot);
src: url(/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/notokr-regular.woff2) format('woff2'),
url(/fonts/notokr-regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/notokr-medium.eot);
src: url(/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/notokr-medium.woff2) format('woff2'),
url(/fonts/notokr-medium.woff) format('woff');
}
@font-face {
font-family: 'Nanum Myeongjo';
src: url('/fonts/NanumMyeongjo-Regular.eot');
src: url('/fonts/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumMyeongjo-Regular.woff2') format('woff2'),
url('/fonts/NanumMyeongjo-Regular.woff') format('woff'),
url('/fonts/NanumMyeongjo-Regular.ttf') format('truetype');
}
/* reset */
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family:'NotoKrR'; letter-spacing:-0.5px;font-size:14px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:15px;color:#333;vertical-align:top;font-family:'NotoKrR';}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}
/* common */
a:link, a:visited {text-decoration:none;color:#525252;}
a:hover, a:active {text-decoration:none;color:#e46744;}
.left {float:left;}
.right {float:right;}
.clear {clear:both; content:""; display:block; }
.txtLef {text-align:left !important;}
.txtCen {text-align:center !important;}
.txtRig {text-align:right !important;}
.txtJus {text-align:justify !important;}
/*
font-family:'nanum';
font-family:'NotoKrM';
font-family:'nanumE';
font-family:'맑은 고딕', Malgun Gothic
*/
/* ---------------------------------------------------------------------
wrap
----------------------------------------------------------------------*/
#totWrap {position:relative;}
.wrap {width:1200px;min-width:1200px;margin:0 auto;overflow:hidden;}
#topmnArea {background:#fff; border-bottom:1px solid #e5e5e5; color:#999; height:39px; line-height:39px; overflow:hidden;}
#topmnArea .site {float:left;padding:0;margin:0;}
#topmnArea .site a {color:#999;display:inline-block; font-size:14px; padding:0px 16px; line-height:39px; height:39px; border-right:1px solid #e5e5e5; }
#topmnArea .site a.on {background:#fff; color:#555; font-family:'NotoKrM'; height:39px; padding:0px 15px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#topmnArea .site a.on2 {background:#fff; color:#555; font-family:'NotoKrM'; height:39px; padding:0px 15px; border-right:1px solid #e5e5e5;}
#topmnArea .site a.off {color:#999;display:inline-block; font-size:14px; padding:0px 16px; line-height:39px; height:39px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }
#topmnArea .login {float:right;position:relative; border-right:1px solid #e5e5e5; }
#topmnArea .login a {color:#999;display:inline-block; padding:0px 15px; font-size:13px; height:39px; letter-spacing:-0.5px; border-left:1px solid #e5e5e5;}
#topmnArea .login a.tsearchbtn {width:20px; background:url(/layouts/default/image/btn_tsearch.png) center 10px no-repeat; text-indent:-99999px;}
#header {height:90px;}
#header .logo {float:left;padding:18px 0px 0px 0px;margin:0;position:relative;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}
#header .search {float:right;position:relative;margin:30px 0 0 20px; padding:0px;}
#header .search form {display:block;width:200px;height:30px;background:#f6f6f6;}
#header .search .keyword {float:left;padding:0px 0 0 5px;width:160px;height:28px;line-height:28px;font-size:13px;color:#888888;border:0;background:#f6f6f6;border:1px solid #e8e4e1; }
#header .search .keyword:focus {font-family:'NotoKrM';font-size:13px;color:#222222;}
#header .search .sbtn {float:left;width:33px;height:30px;position:relative;top:0px;left:0px;}
#topmenu {position:absolute; top:0px; z-index:99999; height:90px; width:100%;}
#tmbg {width:100%; background:#fff;border-top:0px; }
.gnbFixed {position: fixed; top: 0px; z-index:99; }
#topmenu .wrap {height:90px;border-bottom:1px solid rgba(0,0,0,0.3); }
#topmenu .logo {position:absolute; left:50%; margin-left:-600px; width:270px; top:18px; }
.gnbWrap {float:left; margin:0px 0px 0px 275px; width:735px;overflow:hidden;}
#gnb_1dul {list-style:none;}
#gnb_1dul ul {padding:0;margin:0;list-style-type:none;}
#gnb_1dul li {float:left;padding:0px;margin:0;}
#gnb_1dul li a {display:block;height:90px;font-size:19px;font-family:'NotoKrM';line-height:90px;color:#1b1b1b;padding:0px 26px 0px 26px;letter-spacing:-1.5px; }
#gnb_1dul li:first-child a {background:none;}
#gnb_1dul li a:hover {color:#c07b97; font-family:'NotoKrM';}
#gnb_1dul li a span.eltt, #gnb_1dul li a:hover span.eltt2{color:#38c574;}
/* snb_wrap */
#snb_wrap {position:absolute; top:90px; left:50%; width:1200px; margin-left:-600px; z-index:99999; padding:0px; display:none; overflow:hidden;font-family:'NotoKrR';}
#snb_wrap .snb {display:block;position:relative; width:1200px; margin:0 auto; padding:0px 0px 1px 0px;}
#snb_wrap .snwrap {display:none;}
#snb_wrap .snb .snb01{border:1px solid rgba(0,0,0,0.2); border-top:none; text-align:center; }
#snbWrap0 .snb01 {margin-left:254px; width:170px;}
#snbWrap1 .snb01 {margin-left:398px; width:170px;}
#snbWrap2 .snb01 {margin-left:546px; width:170px;}
#snbWrap3 .snb01 {margin-left:700px; width:170px;}
#snbWrap4 .snb01 {margin-left:844px; width:170px;}
#snb_wrap .snb ul li {display:block; padding:0px 1px 1px 1px; font-size:14.5px; letter-spacing:-1px; margin-top:0px;background:#fff;}
#snb_wrap .snb ul:after {clear:both; content:''; display:block; }
.snb .snb01 a {display:block;color:#555; background:#fff; padding:0px 16px;line-height:36px !important; height:36px; font-family:'NotoKrM';}
.snb .snb01 a:hover {color:#fff; background:#555; text-decoration:none;}
#tnb {float:right; width:190px;overflow:hidden;margin:0;padding:0; height:90px;list-style:none;zoom:1; font-family:'NotoKrR'; text-align:right; }
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb a {display:inline-block;padding:0; width:36px; height:36px;color:#a0a0a0;letter-spacing:0px;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#tnb a.bt_tlogin {background:url(/layouts/default/image/img17/bt_top_01.png) center 8px no-repeat; margin:27px 0px;}
#tnb a.bt_tlogin:hover {background:url(/layouts/default/image/img17/bt_top_01.png) center -28px no-repeat #cbc9c6;}
#tnb a.bt_tsearch {background:url(/layouts/default/image/img17/bt_top_02.png) center 8px no-repeat; margin:27px 0px;}
#tnb a.bt_tsearch:hover {background:url(/layouts/default/image/img17/bt_top_02.png) center -28px no-repeat #cbc9c6;}
#tnb .mymn {display:inline-block; width:38px; height:90px; padding:0px; margin:0px 0px 0px 5px;position:relative; }
#tnb a.bt_tset {position:absolute; top:10px; right:0px; display:block;width:36px; height:33px;background:url(/layouts/default/image/img17/bt_top_04.png) center 10px no-repeat;border:1px solid #e5e5e5; margin:0px;}
#tnb a.bt_tset:hover {background:url(/layouts/default/image/img17/bt_top_04.png) center -24px no-repeat #cbc9c6; border-color:#cbc9c6; }
#tnb a.bt_tlogout {position:absolute; top:45px; right:0px;display:block;width:36px; height:33px;background:url(/layouts/default/image/img17/bt_top_03.png) center 10px no-repeat; border:1px solid #e5e5e5; border-top:none;margin:0px;}
#tnb a.bt_tlogout:hover {background:url(/layouts/default/image/img17/bt_top_03.png) center -23px no-repeat #cbc9c6; border-color:#cbc9c6;}
#tnb a.bt_twebzin{display:inline-block; margin:26px 10px 26px 0px;padding:0 0px; width:90px; height:38px;letter-spacing:-1px; font-family:'NotoKrM'; font-size:18px;line-height:38px;text-indent:0px;overflow:hidden;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#tnb a.bt_twebzin span {display:inline-block;color:#fff; background:#c07b97;text-align:center; padding:0px 10px;}
/* ---------------------------------------------------------------------
contents
----------------------------------------------------------------------*/
#contents{width:100%; margin:0 auto; overflow:hidden; position:relative; }
/* ---------------------------------------------------------------------
footer
----------------------------------------------------------------------*/
#footer{clear:both; width:1200px; margin:0 auto; background:#fff; border-top:2px solid #747474; margin-top:1px;overflow:hidden;position:relative; }
#footer .footer_sub{border-top:none;}
#footer .bt_monk {position:absolute; display:block;right:0px; top:-1px; text-indent:-9999999px; width:300px; height:62px; background:url(/layouts/default/image/ban_monk.jpg) right top no-repeat; }
#footer .familyArea {border-bottom:1px solid #e1e1e1; }
#footer .familyArea ul:after {clear:both; content:''; display:block;}
#footer .familyArea li{float:left; margin-left:33px;font-family:'NotoKrM'; }
#footer .familyArea li a{display:block;height:59px; line-height:59px; color:#6f6e6e; font-size:14.5px;}
#footer .familyArea li a:hover {color:#000;}
#footer .fbtn{padding-left:18px;font-size:14px; font-family:'NotoKrM'; padding-top:28px;}
#footer .fbtn a {color:#757575; display:inline-block; padding:0px 15px;line-height:14px; height:14px; }
#footer .fbtn .part {display:inline-block; width:1px; height:14px; background:#f2f2f2; }
#footer .info{padding-left:33px;font-size:14.5px; color:#3c3c3c; line-height:24px; height:24px; padding-top:14px;}
#footer .info strong.txt01{font-family:'NotoKrM'; font-weight:normal;}
#footer .copy {font-size:12.5px;color:#777777; padding:5px 0px 30px 33px;letter-spacing:0px;}
#footer .copy .txt02{font-family:'NotoKrR'; font-weight:normal;letter-spacing:-0.5px;}
#footer .admArea{font-size:14px; padding:0px 0px 30px 18px;letter-spacing:0px;}
#footer .admArea a {color:#444; display:inline-block; padding:0px 15px;line-height:14px; height:14px; }
/* 화면상단,하단가기 */
#page_top_down, .page_top_down { position: fixed; right: 30px; bottom: 30px; z-index: 900; }
#page_top_down.min_fixed, .page_top_down.min_fixed { right: auto; left: 0; margin-left: 920px; }
#page_top_down a, .page_top_down a { display: block; width: 50px; height: 50px; background: url(/layouts/default/image/sp_top_down.png) no-repeat; text-indent: -999em; }
#page_top_down a.top:hover, .page_top_down a.top:hover { background-position: -51px 0; }
#page_top_down a.down, .page_top_down a.down { margin-top: 1px; background-position: 0 -51px; }
#page_top_down a.down:hover, .page_top_down a.down:hover { background-position: -51px -51px; }
.ready{text-indent:-99999px; display:block; width:400px; height:240px; margin:40px auto;background:url(/layouts/default/image/i_ready.png) center bottom no-repeat; }