@charset "utf-8";
a{color:#404040;text-decoration:none;font-family: "GmarketSansLight", "Noto Sans KR", "Noto";}
body{padding:0;margin:0px;background:#fefefe;;}
.bgbg{webkit-box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);
box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);}
.bgbg3{webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 18px rgba(0,0,0,0.1);
box-shadow:0px 0px 18px rgba(0,0,0,0.1)}
.gamejjom{background-color: #f8f9fd;} 
/* Site Layout - Header */ 

*, :after, :before {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.hea2,.tm1,.topmns1{ min-width:1280px}
.header{position:relative;margin:0 0 0 0;border-bottom:0;padding:0;height:76px;background-color: rgb(26 26 26);z-index: 3;}
.hea{padding: 18px 0px 0 8px;
    height: 76px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    z-index: 2;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);}
.hea h1{left:0px;margin:2px 0 0 0;padding:0;z-index:30}
.hea .k2{position:absolute;width:280px;right:0px;top:44px; margin:0;padding:0;z-index:30;}
.diks1{border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
.diks1{box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);-moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.06);-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);}
.diks1{margin: 28px 14px 0 14px; padding: 0px 20px; background-color: #fff; border: 1px solid #e9e9e9; display: block; unicode-bidi: isolate;}
.diks2{border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);-moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.06);
-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);}
.diks2{margin: 28px 14px 0 14px; padding: 30px; background-color: #fff; border: 1px solid #e9e9e9; display: block; unicode-bidi: isolate;}
.diks4{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.diks4{box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);-moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.06);-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);}
.diks4{margin: 28px 14px 0 14px; padding: 30px; background-color: #fff; border: 1px solid #e9e9e9; display: block; unicode-bidi: isolate;}

.m0_1{margin:0px;padding:0;} 
.m0_2{position:relative;margin:0px;padding:0;top:8px;} 
.m0_2 ul{list-style:none;width:1280px;margin:0px auto;padding:0;zoom:1}
.m0_2 ul:after{content:"";display:block;clear:both}
.m0_2 li{float:right;margin:0 0 0 8px;padding:10px 20px;position:relative;border:1px dashed #f7f7f7;}
.m0_2 li a{color:#fff;font-size: 16px;}
.m0_3{position: absolute;width: 288px;height: 56px;
margin: 0px;padding: 6px;top: 8px;left: 1028px;	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;border: 1px solid #e9e9e9;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);-moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.06);-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .06);}

#searchWrap{position:relative;margin:0 0;width:258px;top:-50px;left:173px;z-index:4}
#searchWrap .searchbg{position:absolute; width:270px; height:40px; border:1px solid #ccc;padding:0; margin:0;background: #fff;}
#searchWrap .search{position:relative; left:0px; top:3px; width:258px; padding:0px; margin:0px}
#searchWrap .search .searchArea{position:absolute; top:0px; *top:0px; left:5px; padding:0px; margin:0px;border-right: 0px solid #ccc;} 
#searchWrap .search .searchArea input{width: 264px;height: 35px;padding: 0 10px 0;margin: 0 10px 0 0px;font-size: 16px;border: 0;}
#searchWrap .search .searchArea.ko .textOut{background:url() no-repeat 0 }
#searchWrap .search .searchArea .search_btn {position: absolute;top: 0px;right: -36px;padding: 0px;margin: 0;width: 40px;color: #fff;height: 36px;background: #383838;font-size: 11px;}
#searchWrap .search fieldset{border:0; margin:0; padding:0}
#searchWrap .search fieldset legend{display:none}

.gnb{margin:0 ;z-index:18}
.gnb .span01{position:absolute;top:-6px;padding:2px 3px;margin:0 0 0 6px;border:1px solid #fff;background:#e23333;left:466px;color:#fff}
.gnb ul{position: relative;top: 1px;list-style:none;float:right;zoom:1;margin:6px 0px 0px;padding:0}
.gnb ul:after{content:"";display:block;clear:both}
.gnb .menu_li1{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background:#d4d4d4; }
.gnb .menu_li2{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #d4d4d4;}
.gnb .menu_li3{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #d4d4d4;}
.gnb .menu_li4{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #ffb302;}
.gnb .menu_li5{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #ffb302;}
.gnb .menu_li6{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #ffb302;}
.gnb .menu_li7{width: 0px;height: 2px; float: left; margin:0px -4px 0 0; padding:0 0 0 0; background: #4c4c4c;}
.gnb .menu_li8{}
.gnb .menu_li9{}
.gnb .menu_li10{height: 8px; float: left; margin:6px 0 0 9px; padding:0 6px 0 0; background: #4c4c4c;}
.gnb li{width: 120px;float: left;margin:0;padding:12px 0;line-height:16px;border-top:0;border-bottom:1px solid #f1f1f1;}
.gnb li:last-child{border-right:0;}
.gnb li:first-child{border-left: 0;}

.gnb li li:last-child{border-right:0px solid #ccc;}
.gnb li li:hover{background:#ffe400}
.gnb li a{float:left;color:#404040;font-size:13px;text-decoration:none; margin:0 ;padding:0px;border-left:0px solid #bbb;}
.gnb li:hover{}
.gnb li a:hover{color:#dd171b}
.gnb li li a:hover{color:#000;text-shadow:0 1px 0 #fff;background:#d6e331}
.gnb li li{float:none;padding:0px 10px;margin:0;border-top: 0; border-left: 0; border-right: 0;}
.gnb li li:last-child{border-bottom:0} 
.gnb li li a{float:none;display:block;letter-spacing:-1px;border-left: 0px;margin:0;padding:5px 5px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li.active {color:#000}
.gnb li.active a{background:none;color:#dd171b}
.gnb li .gnbul2{top:4px;padding:0;border:1px solid #ddd;z-index: 1000;}

/*Body =====================================================================================*/
.bodymain{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;max-width:1240px;min-width:1200px;min-height:calc(100vh - 172px);padding:18px 0 0 0;box-sizing:border-box}

.bodymain{margin:0 0 0 0 !important;width:1200px !important;max-width:none !important}
.bodymain:after{content:"";display:block;clear:both}
.body{position:relative;width:1280px;margin:0 auto;padding:0;zoom:1;z-index:1;}
.body:after{content:"";display:block;clear:both}
.content{background:#fff;width:856px;margin:6px 0 28px 0;min-height:700px;flex-shrink:0}

/* side1 =====================================================================================*/
.columnLefts{position:relative;width:300px;border:0px solid #ddd;margin:0px 0 0 12px;padding:0;flex-shrink:0}
.lnb02{width:290px;margin:10px 0 0 0;border:0px solid #ddd;padding:0;text-align: center}
.lnb{width:290px;float:left;padding:20px 0 20px 0;margin:0;text-align:center;}
.columnLefts .side01{width:298px;margin:0;padding:0;}
.side01 ul{list-style:none;zoom:1;height:214px;margin:0 0 0 6px;padding:0;}
.side01 li {margin:4px 0;text-align:center}
.columnLefts .side01_1{width:290px;float:left;height: 210px;margin:0px;padding:0}
.columnLefts .side01_3{width:290px;height: 290px;float:left;text-align:center;margin:10px 0;padding:0; }
.columnLefts .side01_4{width:290px;float:left;margin:6px 0 10px;padding:6px 0;height:128px;background-color: rgb(255 255 255 / 96%)}
.columnLefts .side01_5{width:290px;float:left;text-align:center;margin:0px 0 0 0;padding:10px;border: 1px solid #e9e9e9; background:#fff}
.columnLefts .side01_5 a{font-weight:400;margin: 0;font-size:12px;color:#222;}
.columnLefts .side01_5 span{font-weight:700;margin: 0 0 0 10px;font-size:12px;color:#666;}
.side01_8{position:relative;margin:0px;padding:0;float: left;height:500px;}
.side01_8 a{color:#fff;}
.lnb0{border:0px solid #ddd;height:110px;}
/* side1 =====================================================================================*/
/*side2 =====================================================================================*/
.colrs{position:fixed;left:0;top:76px;width:160px;height:calc(100% - 30px);background-color:#fff;border-right:1px solid #e9e9e9;overflow-y:hidden;overflow-x:hidden;z-index:2;box-shadow:0 10px 40px rgba(0,0,0,.08);scrollbar-gutter:stable}
.colrs:hover{overflow-y:auto}
.colr{position:relative;height:600px;margin-top:40px;padding:0 0 0 20px}
.colrs::-webkit-scrollbar{width:10px}
.colrs::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:5px}
.colrs:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}
.colrs-space{width:190px;flex-shrink:0}
.colrs-space{margin-right:-16px}
/* side2 =====================================================================================*/

/*Footer =====================================================================================*/
.footer{position:relative;width:100%;min-width:1240px;margin:0 auto;clear:both;height:60px;max-height:160px;padding:0 0 0 160px;background:#fff;border-top:1px solid #dcdcdc;box-sizing:border-box}
.footer ul{list-style:none;margin:7px 0 0 160px;padding:1px 0;zoom:1}
.footer ul:after{content:"";display:block;clear:both}
.footer li{float:left;margin:2px 0 0 0;border-right:0px solid #ddd;padding: 0 8px}
.footer li a{color:#666;}
.footer li .footer2_1{padding:10px 0 0 0;}
.footer li .footer2_1 a{font-weight:700;font-size:13px;color:#555;margin-left: 4px;}
.footer li:last-child{border-right:0}

/* end bclgcolorset */

.bgtt{-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;*cursor:pointer}

.lnb00{float:left;padding:0;margin:0 0 10px 0;height:auto;}
.lnb00 .lnb00li{padding:14px 20px}
.lnb00 .lnb00li2{padding:2px 20px}
.lnb00>ul{position:relative;z-index:1;margin:0;padding:0}
.lnb00>ul>li{display:block;padding:0}
.lnb00>ul>li a{font-weight:400;font-size:14px;}
.lnb00>ul>li.on{display: none;padding:0;border-top:0px solid #989898;background-color:#f7f7f7}
.lnb00>ul>li.on a{font-weight:700;font-size:16px;}
.lnb00>ul>li:hover{background-color:#f6f6f6}
.lnb00>ul>li a:hover{color:#000}
.lnb00>ul>li>a,.lnb00>ul>li>span{display:block;padding:6px 0;line-height:13px;font-size:13px;color:#444;}
.lnb00 ul ul{margin:0;padding:0 0 10px 0;background: #f6f6f6;list-style:none}
.lnb00 ul ul li.on a{font-weight:700!important;color:#1a72bb}
.lnb00 ul ul a{font-weight:400!important;display:block;padding:8px 0 0;margin:0 0 0 10px;font-size:14px!important;line-height:20px;color:#222;text-decoration:none}
.lnb00 ul ul a:active,.lnb00 ul ul a:focus,.lnb00 ul ul a:hover{color:#3FA0DB}
.lnb00 img{vertical-align:top}
.lnb00 ul ul li:first-child{background:#fff;width:0px;height:0px;float: none;border:0;padding:0;margin:0px}
.lnb00>ul>li>a>span{width:6px;height:2px;float:left;margin:10px 16px 0 0px;background-color:#ccc;}
.lnb00 ul li .color {font-size:13px;}.lnb00 ul li .color4 {color:#fb0a8d;}
.lnb00>ul>li.on2{padding:0;border-top:0px solid #989898;background-color:#f6f6f6}
.lnb00>ul>li.on2 a{font-weight:700;font-size:16px;}

.btn_top {display:none;position: fixed;right: 0;bottom: 57px;z-index:1000;width:42px;height: 42px;background-color:#6fa9c5;font-size:20px;color:#fff;text-align: center;opacity: 0.8;filter: alpha(opacity=80)}
.btn_top:hover {background-color:#678392;color: #fff;text-decoration: none;opacity: 1;filter: alpha(opacity=100)}
.btn_top i {line-height: 48px}


.lnb002{float:left;width:300px;padding:0;border:1px solid #ddd;}
.lnb002 ul{position:relative;z-index:1;margin:0;padding:0}
.lnb002 li{display:block;border-bottom:1px solid #e1e1e1;padding:6px 20px}
.lnb002 li a{display:block;line-height:21px;font-size:13px;color:#444;}
.lnb002 li b{float:left;font-size:10px;font-weight:200;color:#908F8F;text-decoration:none; margin:0 11px 0 0;padding:5px 1px 0 1px;}
.lnb002 li:hover{}
.lnb002 li a:hover{color:#000}
.lnb002 li li a:hover{color:#000;background:#d6e331}
.lnb002 ul ul{display:none;position:absolute;right:0;padding:10px 0;margin:-28px 0 0;border:1px solid #ddd;background:#fff;}
.lnb002 li li{float:none;background:none;padding:0 20px 0 10px;margin:0;background:#fff;}
.lnb002 li li a{float:none;display:block;letter-spacing:-1px;margin:0;padding:5px 5px !important;background:none !important;height:auto;font-weight:normal !important}
.lnb002 li.active {}
.lnb002 li.active a{background:none;color:#000}
.lnb002 li .gnbul2{display:none;position:absolute;top:76px;padding:5px 0;background:#fff;border:1px solid #ddd;}

.main01{position:absolute;top:12px;padding:2px 8px 0px;background:#fff;right:12px;}


.wrapgnb{position:relative;height:0px;margin:0 auto;background:#fff;width: 1280px;z-index: 13;
/*  background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#03c667),color-stop(0.5,#00b7a8),color-stop(1,#0EB1D2 ));
    background-image: -o-linear-gradient(right,#03c667 0,#00b7a8 50%,#0EB1D2 100%);
    background-image: -moz-linear-gradient(right,#03c667 0,#00b7a8 50%,#0EB1D2 100%);
    background-image: -webkit-linear-gradient(right,#03c667 0,#00b7a8 50%,#0EB1D2 100%);
    background-image: -ms-linear-gradient(right,#03c667 0,#00b7a8 50%,#0EB1D2 100%);
    background-image: linear-gradient(to right,#03c667 0,#00b7a8 50%,#0EB1D2 100%);
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear; */} 

.wrapgnb a{color:#e85858}
.wrapgnb .wrapgnb_sitemap-btn{top:0;position: absolute;right:241px;}

.sitemap-wrap {position:relative;width:100%;display: none;padding:0;margin:0;background:#fff}
.sitemap-btn-wrap {list-style:none;}
.sitemap-btn-wrap .wrap {list-style:none;} 
.wrap .sitemap-btn {margin:0px 0 0 ;padding:0;font-size: 11px;}
.sitemap-btn-wrap .wrapc {text-align:center;list-style:none}
.wrapc .sitemap-btn {float:none;color:#555;padding:5px 20px 0;border:1px solid #ddd;border-bottom:1px solid #ffffff;background:#fff}

