@charset "utf-8";

/* #container img {width: auto; height: auto;}
#dfs-panel img {width: auto; height: auto;} */

/************************** 
    Common
***************************/
.hid{ overflow:hidden;position:absolute;width:0;height:0; left:-9999px; top:-9999px; line-height:0;}

/* body *:focus {outline:none !important;}
body * {outline:none !important;} */
button:focus {outline:none;box-shadow:0 0 3px 2px #0050C9;}
#download_item {display:none;}
.waiting64 {position:fixed;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;z-index:99999;}
.show {display:block;}
.show-inline {display:inline-block;}
.hide {display:none;}
.hidden {overflow:hidden;}
.pw-dimmed {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1002;display:none;}



.ft-b{font-weight:700 !important;}

.fs-13{font-size:13px !important;}

.fc-01{font-weight:700;color:#0a4493 !important;}
.fc-02{font-weight:700;color:#f23908 !important;}
.fc-03{color:#ff5500 !important;}
.fc-04{color:#0a4493 !important;}
.fc-05{color:#343537 !important;}


.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}


/************************** 
    Layout
***************************/
.accordionsecond-con{display:none;}
.accordionsecond-con.on{display:block;}
.accordion-con{display:none;}
.accordion-con.on{display:block;}


/* header */
header{width:290px;height:100%;position:absolute;left:0;top:0;bottom:0;z-index:1000;}
header .mobile-head{display:none;}
header .left-menu{width:290px;height:100%;padding-bottom:20px;background:#009ae1;padding-top:20px;position:absolute;overflow:auto;overflow: -moz-scrollbars-none;scrollbar-width: none;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;overflow-y: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
header .left-menu{padding-bottom:170px;}
header .left-menu::-webkit-scrollbar {display:none;}

header .left-menu .site-tit-wrap{padding:0 30px;}
header .left-menu .site-tit-wrap .logo { overflow: hidden;}
header .left-menu .site-tit-wrap .logo img{width:97px;}
header .left-menu .site-tit-wrap .logo .btn-tit{color:#fff;font-size:17px;font-weight:700;position:relative;padding-right:30px;height:40px;}
header .left-menu .site-tit-wrap .logo .btn-tit .icon{width:12px;height:8px;background:url(../image/arrow_down.png)no-repeat center center;position:absolute;right:11px;top:50%;margin-top:-4px;background-size:100%;}
header .left-menu .site-tit-wrap .plus-logo {display:none; margin-top:10px;width:100%;text-align:right;padding: 0px 62px 0 0;font-weight:700;font-size:30px;color:#fff;position:relative;}
header .left-menu .site-tit-wrap .plus-logo .icon{width:34px;height:34px;background:url(../image/ic_rnb_01.png)no-repeat center center;position:absolute;right:15px;top:50%;margin-top:-17px;background-size:auto 34px;}
header .left-menu .site-tit-wrap .plus-logo.sea .icon{background-image:url(../image/ic_rnb_02.png);}
header .left-menu .site-tit-wrap .plus-logo.images .icon{background-image:url(../image/ic_rnb_03.png);}
header .left-menu .site-tit-wrap .plus-logo.typ .icon{background-image:url(../image/ic_rnb_04.png);}
header .left-menu .site-tit-wrap .plus-logo.eqkvol .icon{background-image:url(../image/ic_rnb_05.png);}
header .left-menu .site-tit-wrap .plus-logo.life .icon{background-image:url(../image/ic_rnb_06.png);}
header .left-menu .site-tit-wrap .plus-logo.theme .icon{background-image:url(../image/ic_rnb_07.png);}
header .left-menu .site-tit-wrap .plus-logo.dust .icon{background-image:url(../image/ic_rnb_09.png);}
header .left-menu.wplus { background-color: #516FDD;}
header .left-menu.wplus .site-tit-wrap .plus-logo { display:block;}
header .left-menu.wiki { background-color: #53A61B;} 
header > .close{display:none;}
header .left-menu .site-tit-wrap .logo a {
	float: left;
}

header .left-menu .site-tit-wrap .logo .btn-tit {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    padding-right: 30px;
    height: 32px;
    line-height: 32px;
    float:left;
    padding-left:10px;
}
header .left-menu .site-tit-wrap .logo img { width: 32px;}


header .tab{position:absolute;right:-45px;top:20px;width:45px;}
header .tab [class*="tab-item0"] {margin-bottom: 3px;}
header .tab [class*="tab-item0"] button{width:45px;height:50px;padding:10px 15px;word-break:break-all;line-height:120%;position:relative;}
header .tab [class*="tab-item0"] button.on{box-shadow:0 0 3px 2px #0050C9;}
header .tab .tab-item01 button{background:#009ae1;color:#ffffff;}
header .tab .tab-item02 button{background:#5270de;color:#ffffff;}
header .tab .tab-item02 button .icon{width:7px;height:7px;background:url(../image/bul_plus.png)no-repeat center center;position:absolute;right:8px;top:5px;}
header .tab .tab-item03 button{background:#53A61B;color:#ffffff;}
header .tab .tab-item04 button{background:#FDC602;color:#000000;}



/* 메뉴 */
nav .d1-wrap{margin-top:70px;}
nav .d1-wrap [class*="d1-item"] .d1-btn{margin-top:-3px;border:3px #009ae1 solid;width:100%;text-align:left;padding:13px 27px;font-weight:700;font-size:22px;color:#fff;position:relative;}
nav .d1-wrap [class*="d1-item"]:first-child .d1-btn{margin-top:0;}
nav .d1-wrap [class*="d1-item"]:hover .d1-btn{border:3px #fff solid;z-index:1;}
nav .d1-wrap .d1-item01 .d1-btn .icon{width:34px;height:22px;background:url(../image/gnb_icon_01.png)no-repeat center center;position:absolute;right:30px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item02 .d1-btn .icon{width:28px;height:22px;background:url(../image/gnb_icon_02.png)no-repeat center center;position:absolute;right:33px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item03 .d1-btn .icon{width:26px;height:26px;background:url(../image/gnb_icon_03.png)no-repeat center center;position:absolute;right:34px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item04 .d1-btn .icon{width:26px;height:25px;background:url(../image/gnb_icon_04.png)no-repeat center center;position:absolute;right:34px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item05 .d1-btn .icon{width:24px;height:25px;background:url(../image/gnb_icon_05.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item06 .d1-btn .icon{width:21px;height:25px;background:url(../image/gnb_icon_06.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item07 .d1-btn .icon{width:24px;height:25px;background:url(../image/gnb_icon_05.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item08 .d1-btn .icon{width:21px;height:25px;background:url(../image/gnb_icon_06.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item09 .d1-btn .icon{width:34px;height:22px;background:url(../image/gnb_icon_01.png)no-repeat center center;position:absolute;right:30px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item10 .d1-btn .icon{width:28px;height:22px;background:url(../image/gnb_icon_02.png)no-repeat center center;position:absolute;right:33px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item11 .d1-btn .icon{width:26px;height:26px;background:url(../image/gnb_icon_03.png)no-repeat center center;position:absolute;right:34px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item12 .d1-btn .icon{width:26px;height:25px;background:url(../image/gnb_icon_04.png)no-repeat center center;position:absolute;right:34px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item13 .d1-btn .icon{width:24px;height:25px;background:url(../image/gnb_icon_05.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item14 .d1-btn .icon{width:21px;height:25px;background:url(../image/gnb_icon_06.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item15 .d1-btn .icon{width:24px;height:25px;background:url(../image/gnb_icon_05.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item16 .d1-btn .icon{width:21px;height:25px;background:url(../image/gnb_icon_06.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:100%;}

nav .d2-wrap{background:#fff; padding-bottom:3px;}
nav .d2-wrap [class*="d2-item"]{position:relative;}
nav .d2-wrap [class*="d2-item"] .d2-btn{padding:0 30px;position:relative;font-size:18px;color:#000000;width:calc(100% - 4px);text-align:left;line-height:50px;margin:2px;}
nav .d2-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus_b.png)no-repeat center center;}
nav .d2-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_b_b.png)no-repeat center center;}
nav .d2-wrap [class*="d2-item"] .d2-btn span{position:relative;z-index:1;display:inline-block;line-height:24px;padding:0 10px;}
nav .d2-wrap [class*="d2-item"]:hover .d2-btn{font-weight:700;}
nav .d2-wrap [class*="d2-item"]:hover .d2-btn span{background:url(../image/text-bg.png);} 
nav .d2-wrap [class*="d2-item"] .d2-btn.on span{background:url(../image/text-bg.png);}
/* nav .d2-wrap [class*="d2-item"]:hover .d2-btn .icon{position:absolute;width:100%;height:12px;bottom:15px;left:0;background:#ffc600;} */
nav .d3-wrap{background:#e0e6ef;padding:12px 50px;}
nav .d3-wrap [class*="d3-item"] .d3-btn{padding:7px 0;position:relative;font-size:16px;}
nav .d3-wrap [class*="d3-item"] .d3-btn:hover
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:hover{text-decoration:underline;}
nav .d3-wrap [class*="d3-item"] .d3-btn:hover:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:hover:after{content:"";position:absolute;right:-10px;top:0;width:10px;height:10px;border-radius:100%;background:#0076f7;}

header .left-menu.wplus nav .d1-wrap{margin-top:40px;} 
header .left-menu.wplus nav .d1-wrap [class*="d1-item"] .d1-btn { border-color: #516fdd; -webkit-transition : border 200ms ease-out;-moz-transition : border 200ms ease-out;-o-transition : border 200ms ease-out;transition : border 200ms ease-out;}
header .left-menu.wplus nav .d1-wrap [class*="d1-item"] .d1-btn:hover { border-color: #fff;}
header .left-menu.wplus nav .d1-wrap [class*="d1-item"] .d1-btn.on { text-decoration:underline;}
header .left-menu.wplus nav .d1-wrap .d1-item01 .d1-btn .icon {width: 40px;height: 30px; right:30px; background:url(../image/gnb_left_icon_01.png)no-repeat right 0px top -6px; background-size: 34px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item02 .d1-btn .icon {width: 40px;height: 30px; right:30px; background:url(../image/gnb_left_icon_02.png)no-repeat right 0px top -6px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item03 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -16px; background:url(../image/gnb_left_icon_03.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item04 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_04.png)no-repeat right 0px top -2px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item05 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_05.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item06 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_06.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item07 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_07.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item08 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_08.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap [class*="d1-item"].accordionsecond-wrap .d1-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus.png)no-repeat center center;}
header .left-menu.wplus nav .d1-wrap [class*="d1-item"].accordionsecond-wrap .d1-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul.png)no-repeat center center;}
header .left-menu.wplus nav .d2-wrap [class*="d2-item"] .d2-btn { padding-left: 40px;}
header .left-menu.wplus nav .d1-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus_b.png)no-repeat center center;}
header .left-menu.wplus nav .d1-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_b_b.png)no-repeat center center;}
header .left-menu.wplus nav .d3-wrap [class*="d3-item"] .d3-btn { padding-left: 10px;}

header .left-menu.wiki nav .d1-wrap{margin-top:40px;} 
header .left-menu.wiki nav .d1-wrap [class*="d1-item"] .d1-btn { padding:10px 27px; font-size: 20px; border-color: #53A61B; -webkit-transition : border 200ms ease-out;-moz-transition : border 200ms ease-out;-o-transition : border 200ms ease-out;transition : border 200ms ease-out;}
header .left-menu.wiki nav .d1-wrap [class*="d1-item"] .d1-btn:hover { border-color: #fff;}
header .left-menu.wiki nav .d1-wrap .d1-item01 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_01.png)no-repeat right 0px center; background-size: 34px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item02 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_02.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item03 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_03.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item04 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_04.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item05 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_05.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item06 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_06.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item07 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_07.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item08 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_08.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item09 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_09.png)no-repeat right 0px center; background-size: 34px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item10 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_10.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item11 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_11.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item12 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_12.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item13 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_13.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item14 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_14.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item15 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_15.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap .d1-item16 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -15px; background:url(../image/wnb_left_icon_16.png)no-repeat right 0px center; background-size: 33px auto;}
header .left-menu.wiki nav .d1-wrap [class*="d1-item"].accordionsecond-wrap .d1-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus.png)no-repeat center center;}
header .left-menu.wiki nav .d1-wrap [class*="d1-item"].accordionsecond-wrap .d1-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul.png)no-repeat center center;}
header .left-menu.wiki nav .d2-wrap [class*="d2-item"] .d2-btn { padding-left: 40px;}
header .left-menu.wiki nav .d1-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus_b.png)no-repeat center center;}
header .left-menu.wiki nav .d1-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_b_b.png)no-repeat center center;}
header .left-menu.wiki nav .d3-wrap [class*="d3-item"] .d3-btn { padding-left: 10px;}

/* 배너 */
.bottom-list-mobile { display:none;}
/* 부속사이트 */
.bottom-list{margin-top:61px;padding:0 30px;}
.f-site-item{border-bottom:1px solid rgba(255,255,255,0.5);}
.f-site-item a.link{padding:14px 0;display:block;position:relative;color:#fff;font-size:18px;}
.f-site-item a.link .icon{position:absolute;right:0;top:50%;width:8px;height:11px;margin-top:-6px;background:url(../image/arrow_side.png)no-repeat center center;}
.f-site-item{position:relative;}
.f-site-btn{padding:15px 0;color:#fff;font-size:18px;background:none;border:0;width:100%;text-align:left;}
.f-site-con{position:absolute;bottom:51px;background:#ffffff;max-height:300px;width:100%;overflow:hidden;}
.rolling-js2, .rolling-js{max-height:300px;}
.f-site-con a{line-height:30px;font-size:14px;display:block;padding-left:10px;color:#595959;margin:1px 12px 1px 2px;}
.f-site-con a:first-child{ margin-top:2px;}
.f-site-con a:last-child{ margin-bottom:2px;}
.f-site-con p{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:10px 0 10px 20px;font-size:15px;font-weight:700;}
.f-site-con a:hover{background:#dfe6f0;color:#000}

.select-wrap .custom-selsct option{color:#000000;font-size:14px;background:#fff;}
.f-site-btn:after{content:"";position:absolute;right:0;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;background-size:100%;}

/* 타이틀. breadcrumb */
.h2-title { padding: 10px 0; font-size: 24px; font-weight: 600;}
/* centent */
.right-content{min-height:300px;max-width:1300px;width:100%;margin:0 auto;padding:0 50px 50px; overflow:hidden;}
.cont-head .site-tit-wrap{display:none;}
.cont-head{overflow:hidden;padding-top:20px;}
.cont-head .util{float:right;}
.cont-head .util [class*="util-item"]{width:25px;height:25px;margin-left:20px;}
.cont-head .util .util-item1{background:url(../image/icon_search.png)no-repeat center center;background-size:25px 25px;}
.cont-head .util .util-item2{background:url(../image/icon_set.png)no-repeat center center;background-size:25px 25px;}
.cont-head .util .util-item3{background:url(../image/icon_menu.png)no-repeat center center;background-size:24px 21px;}
.cont-head .util .util-item3.mobile-menu{display:none;}
.cont-head .util .util-item3.pop-open{display:inline-block;}

.cont-wrap{position:relative;overflow:hidden;}

[class*="tab-cont-wrap"] [class*="tab-cont0"]{display:none;}
[class*="tab-cont-wrap"] [class*="tab-cont0"].on{display:block;}

/* 공통 */
.tooltip{display:none;color:#000000;background:#efefef;font-size:14px;padding:3px 10px;position:absolute;left:0;top:40px;;line-height:140%;text-align:left;font-weight:500;z-index:110;}
.tooltip-btn{width:21px;height:21px;background:url('../image/icon_help.png');display:inline-block;vertical-align:middle;margin-left:5px;background-size:100%;}
.tooltip-btn:hover,.tooltip-btn:focus{background:url('../image/icon_help_on.png');background-size:100%;}
.tooltip-btn:hover,.tooltip-btn:focus{background:url('../image/icon_help_on.png') !important;background-size:100% !important;}
.tooltip-btn:hover .tooltip, .tooltip-btn:focus .tooltip{display:block;}

.blue-btn{color:#fff;background:#006fe8;border-radius:4px;height:40px;line-height:40px;font-size:18px;padding:0 55px 0 20px;position:relative;}
.blue-btn:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../image/arrow_side.png);width:8px;height:12px;}

.orange-btn{color:#fff;background:#fc8c00;border-radius:3px;height:30px;line-height:30px;font-size:15px;padding:0 16px 0 16px;position:relative;}
.orange-btn.eqk-warn { position:absolute; right: 15px; top: 23px;}
.lightblue-btn{color:#fff;background:#4d80e4;border-radius:4px;height:40px;line-height:40px;font-size:18px;padding:0 22px 0 22px;position:relative;}
.coldwave-btn-wrap { position: absolute; right: 212px; top: 10px;}

.map-cont-wrap { margin-top: 10px;}
.map-cont-wrap .text-right { text-align: right; height:60px; display: block;}
.fullscreen-btn{
	color:#fff;
	height:30px;
	line-height:30px;
	font-size:15px;
	padding:0 42px 0 12px;
	background-color:rgba(0,0,0,0);
	background-image: url(../image/icon-fullscreen.png);
	background-repeat:no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 3px;
}
.fullscreen-btn:hover {
	background-color:rgba(0,0,0,0.1);
}





/* footer */
.mainp .inqu-wrap{display:none;}
.mainp footer{position:relative;width:100%;height:150px;background:#e3e3e3;z-index:1001;}
footer .footer-wrap{overflow:hidden;height:100%;position:relative;}
.f-logo{float:left;width:290px;position:relative;height:150px;}
.f-logo img{width:154px;height:auto;position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-77px;}
.f-right-wrap{float:left;width:calc(100% - 290px);height:100%;}
.f-cont-wrap{width:1200px;margin:0 auto;height:100%;position:relative;}
.f-cont-wrap:after{clear:both;content:"";display:block;}
.f-cont{float:right;width:calc(100% - 200px);padding-top:30px;/* overflow:hidden; */}
.f-cont .site_helper{/* overflow:hidden; */}
.f-cont .site_helper li{float:left;position:relative;margin:0 15px;}
.f-cont .site_helper li:first-of-type{margin-left:0;}
.f-cont .site_helper li a{display:block;height:30px;font-size:14px;line-height:30px;}
.f-cont .site_helper li a::after{content:"";width:1px;height:14px;background:#919191;position:absolute;left:-15px;top:50%;margin-top:-7px;}
.f-cont .site_helper li:first-of-type a:after{display:none;}
.f-cont .f-info{float:left;margin-top:10px;font-size:14px;}
.f-cont .f-info .copyright{margin-top:5px;font-size:13px;}
.f-cont .f-mark{float:left;margin-top:10px;margin-left:15px;}
.f-cont .f-mark img{width:auto;margin-left:10px;}

.recom-cont-wrap{float:right;width:200px;height:100%;background:#009ae1;}
.recom-cont-wrap .recom-cont-btn{color:#fff;background:#5270de;position:relative;width:100%;height:100%;font-size:18px;font-weight:700;padding-left:40px;}
.plus_wiki .recom-cont-wrap .recom-cont-btn{background-color:#53A61B}
.recom-cont-wrap .recom-cont-btn .icon{position:absolute;top:50%;left:38px;width:11px;height:17px;margin-top:-9px;background:url(../image/recom_icon.png)no-repeat center center;}
.recom-cont-wrap.on .recom-cont{width:calc(100% - 200px);overflow:visible;z-index:1;display:block;;}
.recom-cont{position:absolute;right:200px;top:0;height:100%;width:0;transition: all 0.3s;background:#fff;overflow: hidden;display:none;}
.recom-cont .recom-cont-list{padding:15px 20px;overflow:hidden;}
.recom-cont .recom-cont-list [class*="recom-cont-item"]{float:left;}
.recom-cont .recom-cont-list [class*="recom-cont-item"] button{width:87px;height:100%;padding-top:85px;padding-bottom:15px;text-align:center;font-size:18px;color:#000;}
.recom-cont .recom-cont-list [class*="recom-cont-item"]:hover button{color:#009ae1;}
/* .recom-cont .recom-cont-list [class*="recom-cont-item"] button.f-blue{color:#009ae1;} */
.recom-cont .recom-cont-item1{background:url(../image/contents_icon_newsbreak_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item2{background:url(../image/contents_icon_country_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item3{background:url(../image/contents_icon_predict_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item4{background:url(../image/contents_icon_satellite_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item5{background:url(../image/contents_icon_sea_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item6{background:url(../image/contents_icon_mountain_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item7{background:url(../image/contents_icon_typhoon_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item8{background:url(../image/contents_icon_sender_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item9{background:url(../image/contents_icon_life_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item10{background:url(../image/contents_icon_world_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item11{background:url(../image/contents_icon_movie_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item12{background:url(../image/contents_icon_noicon_off.png)no-repeat center 13px; position:relative;}
.recom-cont .recom-cont-item12 span { position: absolute; left: 0px; top: 34px; width: 87px; text-align:center; font-size: 20px; font-weight: 700; color:#000;}
.recom-cont .recom-cont-item12:hover button span { color: #fff;}

.recom-cont .recom-cont-item1:hover{background:url(../image/contents_icon_newsbreak_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item2:hover{background:url(../image/contents_icon_country_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item3:hover{background:url(../image/contents_icon_predict_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item4:hover{background:url(../image/contents_icon_satellite_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item5:hover{background:url(../image/contents_icon_sea_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item6:hover{background:url(../image/contents_icon_mountain_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item7:hover{background:url(../image/contents_icon_typhoon_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item8:hover{background:url(../image/contents_icon_sender_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item9:hover{background:url(../image/contents_icon_life_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item10:hover{background:url(../image/contents_icon_world_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item11:hover{background:url(../image/contents_icon_movie_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item12:hover{background:url(../image/contents_icon_noicon_on.png)no-repeat center 13px;}
.recom-cont .close{position:absolute;left:-40px;top:0;width:40px;height:40px;background:url(../image/btn_close.png)no-repeat center center;}


/* 사이트맵 */
.modal-pop{position:absolute;left:0;top:0;width:100%;height:100%;background:#eef2f7;z-index:1010;padding:90px 0 50px;display:none;overflow:auto;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
.modal-pop::-webkit-scrollbar {display:none;}
.modal-pop .pop-close{width:50px;height:50px;background:#eef2f7;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:fixed;right:20px;top:20px;z-index:1011;}

.modal-pop-sub{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:1200px;max-width:100%;max-height:100%;background:#eef2f7;z-index:1010;padding:50px 0;display:none;overflow:auto;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
.modal-pop-sub::-webkit-scrollbar {display:none;}
.modal-pop-sub .pop-close{width:50px;height:50px;background:#eef2f7;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:fixed;right:20px;top:20px;z-index:9;}

.menu-wrap{padding:120px 0;}
.menu-wrap .title{text-align:center;font-size:30px;color:#006fe8;font-weight:700;}
.menu-wrap .sitemap-wrap{width:1200px;margin:55px auto 0;}
.menu-wrap [class*="col0"]{overflow:hidden;}
.menu-wrap [class*="col0"] > *{float:left;}
.menu-wrap .d1{width:180px;border-top:1px solid #006fe8;color:#006fe8;font-size:25px;padding:20px 10px;}
.menu-wrap dl{width:170px;padding-bottom:20px;border-top:1px solid #b7bcc3}
.menu-wrap dl dt{margin:0 10px 10px 25px;padding:20px 0 0;position:relative;font-size:18px;display:inline-block}
.menu-wrap dl:hover dt{background:url(../image/text-bg.png) bottom; background-repeat: repeat-X;}
.menu-wrap dl dt:after{width:4px;height:4px;content:"";position:absolute; left:-10px;top:27px;background:#000;}
.menu-wrap dl dt + dt{margin-top:80px;border-top:0}
.menu-wrap dl dd{margin-left:25px;margin-bottom:3px;}
.menu-wrap dl dd a{font-size:14px;color:#595959;line-height:160%;}
.menu-wrap dl dd a:hover{font-weight:700;color:#000000;text-decoration:underline;}
.menu-wrap .col02 dl:first-of-type:hover dt{background:none;}
.menu-wrap .col02 dl:first-of-type dt:hover{background:url(../image/text-bg.png)no-repeat bottom;}
.menu-wrap .sitemap-about { width: 340px; }
.menu-wrap div.col02 .sitemap-chart { width: 340px; }
.menu-wrap .sitemap-manual { width: 510px; }

/* 검색 */
.layer-pop-wrap{overflow:hidden;width:1000px;margin:10px auto 0 auto;}
.layer-pop-wrap .left-wrap{float:left;width:230px;}
.layer-pop-wrap .title{color:#000000;font-size:30px;}
.layer-pop-wrap .tab-area{margin-top:0px;}
.layer-pop-wrap .tab-wrap02 button{color:#000000;font-size:22px;font-weight:300;margin-bottom:7px;position:relative;text-align:left;padding-right:30px;}
.layer-pop-wrap .tab-wrap02 button.on{color:#006fe8;font-weight:700;}
.layer-pop-wrap .tab-wrap02 button.on:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../image/arrow_side_blue.png);width:8px;height:12px;}
.layer-pop-wrap .right-wrap{float:left;width:770px;}
.modal-pop-sub .layer-pop-wrap .right-wrap{float:none;margin:0 auto;position:relative;}
.layer-pop-wrap .pop-cont-title{height:50px;line-height:50px;color:#fff;font-size:18px;font-weight:700;background:#006fe8;text-align:center;margin-top:58px;}
.search-wrap .layer-pop-wrap .cont01{overflow:hidden;margin-top:20px;max-height:900px;;overflow-y:auto;overflow-y: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style:none;margin-bottom:40px;}
.layer-pop-wrap .cont01{overflow:hidden;margin-top:20px;}
.layer-pop-wrap .right-wrap::-webkit-scrollbar {display:none;}
.layer-pop-wrap .cont01 ul{float:left;width:190px;margin-left:60px;position:relative;}
.layer-pop-wrap .cont01 ul:first-of-type{margin-left:0;}
.layer-pop-wrap .cont01 ul:first-of-type:before{display:none;}
.layer-pop-wrap .cont01 ul::before{content:"";display:block;width:41px;height:41px;background:url(../image/icon_side.png);position:absolute;left:-50px;top:110px;}
.layer-pop-wrap .cont01 ul li{height:50px;background:#fff;margin-bottom:2px;}
.radio-wrap .addr-chk-btn{display:block;width:100%;height:50px;line-height:50px;color:#595959;font-size:15px;}
.radio-wrap .addr-chk-btn:hover{font-weight:700;color:#006fe8;border:1px solid #006fe8;}

.radio-wrap .addr-chk-btn{display:block;width:100%;height:50px;line-height:50px;color:#595959;font-size:15px;}
.radio-wrap .addr-chk-btn:hover{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.radio-wrap label{display:block; height:50px;line-height:50px;color:#595959;font-size:15px;padding-left:20px;}
.radio-wrap .rdo-g:checked + label{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.bookmark-btn{width:40px;height:40px;background:url(../image/bok_btn-icon.png);float:right;margin-right:20px}
.sch-btn02{width:40px;height:40px;background:url(../image/srch-icon03.png);float:right;margin-right:20px;margin-bottom:10px;}

.menu3d-btn-wrap{overflow:hidden;padding-top:52px;}
.menu3d-btn-wrap.col02 > div{float:left;width:50%;}
.menu3d-btn-wrap > div{float:left;width:33.33%;}
.menu3d-btn-wrap > div button{font-size:18px;height:50px;color:#fff;background:#a4b4c7;width:100%;}
.menu3d-btn-wrap > div button.on{background:#006fe8}

/* 11월29일 수정 검색영역*/
.sch-box{overflow:hidden;margin-top:10px;}
.sch-box .input-wrap{width:calc(100% - 50px);float:left;position:relative;border-bottom:1px solid #000000;height:50px;}
.sch-box .input-wrap .sch-btn-area [class*=sch-tab-]{line-height:49px;height:49px;font-size:18px;padding-left:15px;}
.sch-box .input-wrap .sch-btn-area [class*=sch-tab-]:before{content:">";margin-right:15px;}
.sch-box .input-wrap .sch-btn-area  [class*=sch-tab-]:first-of-type:before{content:"";margin-right:0;}
.sch-box .input-wrap input{border:0;background:none;height:49px;font-size:18px;width:100%;padding-left:15px}
.sch-box .input-wrap input::-webkit-input-placeholder{font-size:18px;}
.sch-box .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center;}
.sch-box .bookmark-btn{margin-right:0;margin-top:10px;}
.sch-box02{overflow:hidden;margin-top:10px;}
.sch-box02 .input-wrap{position:relative;}
.sch-box02 .input-wrap input{border:0;background:#fff;height:49px;font-size:18px;width:100%;padding-left:15px;line-height:49px;}
.sch-box02 .input-wrap input::-webkit-input-placeholder{font-size:18px; color:#595959}
.sch-box02 .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center;}
.sch-box02 .sch-rdo-wrap{margin-top:30px;text-align:center;}
.sch-box02 .radio-wrap{display:inline-block;position:relative;}
.sch-box02 .radio-wrap label{background:#fff;width:45px;height:45px;line-height:45px;text-align:center;padding-left:0;border:1px solid #e0e6ef;color:#000;font-size:15px;display:block;color:#595959}
.sch-box02 .radio-wrap:first-of-type label{width:70px;}
.sch-box02 .radio-wrap input:checked + label{background:#ffc600;color:#222;border:1px solid #ffc600;color:#000}
/**/


.addr-wrap{margin-top:50px;margin-bottom:50px}
.addr-wrap ul{overflow:hidden;}
.addr-wrap ul li{float:left;width:calc(33.33% - 2px);margin:1px;background:#fff;text-align:center;}
.addr-wrap ul li label{padding-left:0;}
.search-wrap .layer-pop-wrap .wh-wrap .cont01{height:auto;margin-bottom:40px;}
.wh-wrap .cont01 ul.sch-list-fild{width:100%;}
.wh-wrap .sch-list-fild li{width:100%;}
.wh-wrap .sch-list-fild li button{font-size:15px;color:#595959;line-height:50px;padding-left:20px;width:100%;text-align:left;}
.wh-wrap .sch-list-fild li button:hover{border:1px solid #006fe8;font-weight:700;color:#006fe8;}

.layer-pop-wrap{position:relative;}
.layer-pop-wrap .tab-wrap04 button{color:#000000;font-size:22px;font-weight:300;margin-bottom:7px;position:relative;text-align:left;padding-right:30px;}
.layer-pop-wrap .tab-wrap04 button.on{color:#006fe8;font-weight:700;}
.layer-pop-wrap .tab-wrap04 button.on:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../image/arrow_side_blue.png);width:8px;height:12px;}
.set-wrap .right-wrap .layer-pop-wrap .tab-area{margin-top:61px;}
/* .set-wrap {position:relative;} */
.set-wrap .sch-box .input-wrap{width:100%;position:relative;border-bottom:1px solid #000000;height:50px;}
.set-wrap .sch-box .input-wrap:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:7px;margin-top:-4px;background-image:url(/image/arrow_down03.png);}
.set-wrap .sch-box .input-wrap .sch-btn-area [class*=sch-tab-]{line-height:49px;height:49px;font-size:18px;padding-left:15px;}
.set-wrap .sch-box .input-wrap .sch-btn-area [class*=sch-tab-]:before{content:">";margin-right:15px;}
.set-wrap .sch-box .input-wrap .sch-btn-area  [class*=sch-tab-]:first-of-type:before{content:"";margin-right:0;}
.set-wrap .sch-box .input-wrap input{border:0;background:none;height:49px;font-size:18px;width:100%;padding-left:15px}
.set-wrap .sch-box .input-wrap input::-webkit-input-placeholder{font-size:18px;}
.set-wrap .sch-box .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center;}
.set-wrap .sch-box .bookmark-btn{margin-right:0;margin-top:10px;}
.set-wrap .acco-sch-btn{width:35px;height:35px;background:url(../image/srch-icon03.png) no-repeat;background-size:100%;position:absolute;top:10px;right:0;font-size:xx-small;text-indent:-999px;}
.set-wrap .language-wrap{overflow:hidden;}
.set-wrap .language-wrap .language-item{width:85px;float:left;text-align:center;margin-left:10px;}
.set-wrap .language-wrap .language-item:first-of-type{margin-left:0;}
.set-wrap .language-wrap .language-item label{display:block;width:100%;height:40px;line-height:40px;color:#595959;font-size:15px;background:#fff;padding-left:0;color:#000000;border-radius:5px;}
.set-wrap .language-wrap .language-item input:checked + label{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.set-wrap .from-wrap {padding-top:58px;}
.set-wrap .from-wrap li{overflow:hidden;margin-bottom:20px;}
.set-wrap .from-wrap li .tit{float:left;color:#000000;font-size:18px;margin-right:20px;line-height:40px;height:40px;font-weight:700;}
.set-wrap .from-wrap li .select-wrap{display:inline-block;position:relative;}
.set-wrap .from-wrap li .select-wrap::after{content:"";position:absolute;right:10px;top:50%;width:11px;height:7px;background:url(../image/arrow_down03.png);margin-top:-3px;}
.set-wrap .from-wrap li select{line-height:40px;height:40px;background:#fff;border:0;border-radius:5px;width:250px;padding:0 20px;font-size:18px;}
.set-wrap .from-wrap li:last-of-type .select-wrap{margin-right:9px;}
.set-wrap .from-wrap li .txt-wrap{display:inline-block;line-height:40px;height:40px;background:#fff;border:0;border-radius:5px;width:80px;padding:0 20px;font-size:18px;text-align:center;}
/* .set-wrap .from-wrap li:last-of-type select{width:87px;} */
.set-wrap .tab-cont02 .tab-cont01 .btn-wrap{width:100%}
.btn-wrap{width:100%;text-align:center;margin-top:70px;}
.btn-wrap .btn{padding:0 30px;height:40px;font-size:18px;border-radius:5px;color:#000;background:#ffc600;}
.btn-wrap .btn-gray{padding:0 30px;height:40px;font-size:18px;border-radius:5px;color:#fff;background:#595959;margin-left:10px;}
.addadr .addr-wrap{margin-bottom:20px;margin-top:35px;}
.addadr .btn-wrap{margin-top:35px;}

.set-wrap .from-wrap .item-list-wrap{overflow:hidden;}
.set-wrap .from-wrap .item-list-wrap li{float:left;width:calc(33.33% - 7px);margin-bottom:0;margin-left:10px;}
.set-wrap .from-wrap .item-list-wrap li:nth-child(3n + 1){margin-left:0}
.set-wrap .from-wrap .item-list-wrap li:nth-child(n + 4){margin-top:10px;}
.set-wrap .from-wrap .item-list-wrap li .item-hide-btn{position:absolute;bottom:10px;right:10px;background:url(../image/item-hide-icon.png);width:21px;height:21px;}
.set-wrap .from-wrap .item-list-wrap li label{display:block;border:1px solid #bbc0c6;border-radius:5px; color:#595959;height:40px;position:relative;padding:10px;font-size:15px;}

.set-wrap .from-wrap .item-list-wrap li strong{display:block;font-weight:700;font-size:18px;line-height:140%;;}
.set-wrap .from-wrap .item-list-wrap li input:checked + label{color:#000;border:1px solid #006fe8;}
.set-wrap .from-wrap .item-list-wrap li input:checked + label .item-hide-btn{background:url(../image/item-hide-icon-on.png);}
.set-wrap .from-wrap .item-list-wrap li.no-area { float:none; display: block; width: calc(100% - 20px); text-align: center; font-size: 15px; line-height: 30px; }
.set-wrap .from-wrap .re{float:right;margin-top:10px;}
.set-wrap .from-wrap .re:before{content:"";background:url(../image/item-hide-icon.png);width:17px;height:17px;background-size:100%;display:inline-block;vertical-align:middle;margin-right:5px;}
.set-wrap .from-wrap .page-num{text-align:center;margin-top:10px;width:685px;float:right;}
.set-wrap .from-wrap .page-num button{width:28px;height:28px;}
.set-wrap .from-wrap .page-num .page-prev{background:url(../image/page_num_prev.png)no-repeat center;}
.set-wrap .from-wrap .page-num .page-next{background:url(../image/page_num_next.png)no-repeat center center}
.set-wrap .from-wrap .page-num .num.on{color:#006fe8;}

.set-wrap .from-wrap .list-wrap{overflow:hidden;}
.set-wrap .from-wrap .list-wrap li{float:left;width:calc(33.33% - 7px);margin-bottom:0;margin-left:10px;}
.set-wrap .from-wrap .list-wrap li .item-btn{position:absolute;bottom:10px;right:10px;background:url(../image/item-con.png);width:24px;height:18px;}
.set-wrap .from-wrap .list-wrap li label{display:block;border:1px solid #bbc0c6;border-radius:5px; color:#595959;height:40px;position:relative;padding:10px;font-size:15px;}
.set-wrap .from-wrap .list-wrap li strong{display:block;font-weight:700;font-size:18px;line-height:140%;;}
.set-wrap .from-wrap .list-wrap li input:checked + label{color:#000;border:1px solid #006fe8;}
.set-wrap .from-wrap .list-wrap li input:checked + label .item-btn{background:url(../image/item-con-on.png);}
.set-wrap .from-wrap .list-wrap li:first-of-type{margin-left:0}

.layer-pop-wrap .cont-item-wrap li{height:40px;margin-bottom:10px;line-height:40px;}
.layer-pop-wrap .cont-item-wrap li:after{content:"";display:block;clear:both;}
.layer-pop-wrap .cont-item-wrap li > *{float:left;}
.layer-pop-wrap .cont-item-wrap li .tit{font-size:18px;font-weight:700;color:#000000;}
.layer-pop-wrap .cont-item-wrap li div button{width:454px;position:relative;color:#000;font-size:17px;text-align:left;background:#fff;border-radius:4px;height:40px;margin-left:10px;padding-left:20px;position:relative;}
.layer-pop-wrap .cont-item-wrap li div .co-btn{border-bottom:1px solid #e5e5e5;}
.layer-pop-wrap .cont-item-wrap li div .co-btn-top:after{content:"";position:absolute;right:20px;top:50%;background:url(../image/arrow_down03.png);width:11px;height:7px;margin-top:-4px;}
.layer-pop-wrap .cont-item-wrap li .side-btn{margin-left:10px;width:102px;height:40px;background:#ffc600;border-radius:4px;font-size:18px;color:#000;}

.bok-src-wrap{position:relative;}
.bok-src-wrap .accordionsecond-con{bottom:40px;position:absolute;}
.bok-src-wrap .accordion-con{bottom:40px;position:absolute;}

.help-wrap {padding-top:58px;}
.help-wrap .help-item{border-top:1px solid #b7bcc3;}
.help-wrap .help-item:last-of-type{border-bottom:1px solid #b7bcc3;}
.help-wrap .help-item .accordionsecond-tit{text-align:left;position:relative;width:100%;padding-left:10px;font-size:18px;font-weight:700;height:60px;}
.help-wrap .help-item .accordionsecond-tit:before{position:absolute;left:0;top:50%;margin-top:-2px;content:"";width:4px;height:4px;background:#000000;display:block;}
.help-wrap .help-item .accordionsecond-tit:after{position:absolute;right:0;top:50%;margin-top:-10px;content:"보기";display:block;width:45px;height:20px;background:url(../image/arrow_down04.png)no-repeat;background-size:11px 7px; background-position:33px 40% ;font-size:15px;color:#006fe8;}
.help-wrap .help-item .accordionsecond-con{padding-bottom:20px;font-size:16px;color:#595959;padding-left:10px;}
.help-wrap .help-item .accordionsecond-tit.on{color:#006fe8;}
.help-wrap .help-item .accordionsecond-tit.on:before{background:#006fe8;}
.help-wrap .help-item .accordionsecond-tit.on:after{content:"닫기";background:url(../image/arrow_down04_on.png)no-repeat;background-size:11px 7px; background-position:33px 40% ;font-size:15px;color:#006fe8;}





/* 서브페이지 */
/* 서브페이지 공통 */
.subp .container{width:100%;min-height:100%;position:relative;overflow:hidden;min-width:1440px;}
.subp .container .page-wrap{min-height:100%;}
.subp .container .right-content{min-height:950px;}
/* .subp header{position:fixed;} */
.subp .inqu-wrap{height:60px;width:100%;text-align:center;line-height:60px;background:#eef2f7;font-size:18px;}
.subp .inqu-wrap strong{font-weight:700;}
.subp .inqu-wrap strong + strong::before{content:"l";margin:0 20px;color:#9ea1a5}
.subp footer{position:relative;width:100%;height:auto;background:#e3e3e3;z-index:1001;margin-top:0;}
.subp footer .footer-wrap{height:auto;}
.subp .f-cont-wrap{height:150px;}
.subp .right-content{width:100%;max-width:none;padding:0 0 0 340px;min-height:100%}
.subp.hidd{height:100%;overflow:hidden;}
.subp .cont-head{height:270px;background-image:url(../image/sub01_head_img.png);overflow:visible;background-repeat:no-repeat;background-size:100% ;background-position:center center;}
.subp01 .cont-head{background-image:url(../image/sub01_head_img.png)}
.subp02-01 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-02 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-03 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-04 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-05 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-06 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02 .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp02-05-bg .cont-head{background-image:url(../image/sub02_head_img.png)}
.subp03 .cont-head{background-image:url(../image/sub03_head_img.png)}
.subp03-bg .cont-head{background-image:url(../image/sub03_head_img.png)}

.subp .cont-head .cont-head-area{max-width:1260px;width:100%;margin:0 auto;position:relative;padding:0 30px;}
.subp .cont-head .cont-head-area h2{text-align:center;padding-top:75px;}
.subp .cont-head .cont-head-area h2 img{width:auto;} 
.subp .sub-nav-wrap{background:rgba(255,255,255,0.8);margin-top:55px;height:60px;position:relative;z-index:100;}
.subp .sub-nav-wrap:after{content:"";display:block;clear:both;}
.sub-nav-wrap .txt{font-size:15px;color:rgba(255,255,255,0.7);position:absolute;top:-22px;right:0;}
.subp .sub-nav-wrap .sub-nav-area{float:left;}
.subp .sub-nav-wrap .sub-nav-area:after{content:"";display:block;clear:both;}
.subp .sub-nav-wrap .sub-nav{float:left;}
.subp .sub-nav-wrap .sub-nav:after{content:"";display:block;clear:both;}
.subp .sub-nav-wrap .sub-nav li{float:left;line-height:60px;position:relative;}
.subp .sub-nav-wrap .sub-home{float:left;}
.subp .sub-nav-wrap .sub-home a{display:block;width:60px;height:60px;background:url(../image/cont-head-icon01.png)no-repeat center;border-right:1px solid #000;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item{width:230px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item >button{padding:0 30px 0 20px;width:100%;text-align:left;font-size:18px;color:#000000;border-right:1px solid #000;height:60px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item >button:after{content:"";background:url(../image/arrow_down03.png)no-repeat;width:11px;height:7px;position:absolute;top:50%;right:20px;margin-top:-3px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con{position:absolute;background:#fff;width:calc(100% + 1px);padding:0 20px;font-size:16px;border:1px solid #666;border-top:0;z-index:900;margin-left:-1px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con .con{display:block;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:140%;padding:10px 0 5px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con .con:last-of-type{border-bottom:0;}
.subp .sub-nav-wrap .btn-box{float:right;padding-right:10px;}
.subp .sub-nav-wrap .btn-box button{width:50px;height:60px;}
.subp .sub-nav-wrap .btn-box .btn01{background:url(../image/cont-head-icon02.png)no-repeat center;}
.subp .sub-nav-wrap .btn-box .btn02{background:url(../image/cont-head-icon03.png)no-repeat center;}
.subp .sub-nav-wrap .btn-box .btn03{background:url(../image/cont-head-icon04.png)no-repeat center;}
.subp .cont-wrap{padding:0;margin:0 auto;width:100%;max-width:1260px;}

.cont-box05{overflow:hidden;background:#eef2f7;padding:10px;margin-top:50px;}
.cont-box05 .left-flid{float:left;}
.cont-box05 .left-flid .up-btn{background:#000;color:#fff;font-size:18px;width:170px;height:40px;position:relative;padding-right:20px;}
.cont-box05 .left-flid .up-btn:after{content:"";position:absolute;right:15px;top:50%;width:21px;height:17px;background:url(../image/up-btn-icon.png)no-repeat center center;margin-top:-9px;background-size:21px 17px;}
.cont-box05 .right-flid{float:left;margin-left:30px;}
.cont-box05 .right-flid .txt{font-size:18px;padding-left:15px;line-height:40px;}
.cont-box05 .right-flid .txt span:before{content:"l";margin:0 20px;color:#9ea1a5}
.cont-box05 .right-flid .txt span:first-of-type::before{content:"";margin:0}
.cont-.cont-box05 .right-flid .txt strong{font-weight:700;}

/* 오늘의 바다 */
.subp02 .cont-box02{margin-top:25px;position:relative;}

.subp02 .cont-box02 [class*="box-con"]{position:absolute;right:0;top:-65px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;}
.subp02 .cont-box02 [class*="box-con"] button{color:#fff;font-size:18px;}
.subp02 .cont-box02 .box-con-on{background:#bb0000;padding-right:30px;cursor: pointer;}
.subp02 .cont-box02 .box-con-on:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;transform:rotateX(180deg);background-size:100%;}
.subp02 .cont-box02 .box-con-on.on:after{transform:rotateX(0);}
.subp02 .cont-box02 .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;}
.subp02 .cont-box02 .tab-wrap01{position:relative;padding-bottom:15px;}
.subp02 .cont-box02 .tab-wrap01 .tooltip{top:50px}
.subp02 .cont-box02 .accordion-con{padding-bottom:70px;}
.subp02 .cont-box02 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;}
.subp02 .cont-box02 .tit span{font-weight:300;}
.subp02 .cont-box02 .new-btn{float:right;color:#fff;background:#595959;width:135px;height:40px;border-radius:5px;;margin-top:10px;padding-right:20px;position:relative;font-size:15px;}
.subp02 .cont-box02 .new-btn:after{content:"";display:block;position:absolute;right:25px;top:50%;width:9px;height:11px;background:url(../image/arrow_side.png)no-repeat;background-size:100%;margin-top:-6px}
.subp02 .cont-box02 .lev1, .subp02 .cont-box01 .lev1{display:inline-block;background:#fbeee5;color:#a64200;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp02 .cont-box02 .lev2, .subp02 .cont-box01 .lev2{display:inline-block;background:#f8e5e5;color:#bb0000;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp02 .cont-box03{background:#eef2f7;padding:20px;overflow:hidden;margin-top:60px;position:relative;padding-left:421px;}
.subp02 .cont-box03 .img-con{position:absolute;left:20px;top:20px;width:381px;}

.subp02 .cont-box03 [class*='img-area']{position:absolute;display:none;font-family:'scd-medium', sans-serif;letter-spacing:0;z-index:0;}
.subp02 .cont-box03 [class*='img-area'].on{display:block;}
.subp02 .cont-box03 [class*='img-area'] [class*='button-area']{position:absolute;left:0;top:0;width:100%;height:100%;}
.subp02 .cont-box03 .right-con .img-area1 .txt{font-size:15px;color:#fff;line-height:1;position:absolute;margin-bottom:0; }
.subp02 .cont-box03 .right-con .img-area1 .w01{left:10px;top:43px;}
.subp02 .cont-box03 .right-con .img-area1 .w02{left:10px;top:157px;}
.subp02 .cont-box03 .right-con .img-area1 .w03{left:10px;top:293px;}
.subp02 .cont-box03 .right-con .img-area1 .w04{left:125px;top:364px;}
.subp02 .cont-box03 .right-con .img-area1 .w05{left:96px;top:454px;}
.subp02 .cont-box03 .right-con .img-area1 .w06{left:250px;top:372px;}
.subp02 .cont-box03 .right-con .img-area1 .w07{left:312px;top:245px;}
.subp02 .cont-box03 .right-con .img-area1 .w08{left:282px;top:84px;}
.subp02 .cont-box03 .right-con .img-area1 .w09{left:256px;top:10px;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid']{position:absolute;overflow:hidden;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn{width:100%;height:100%;position:absolute;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid1{width:100px;height:109px;left:0;top:0}
.subp02 .cont-box03 .right-con .img-area1 .img-flid2{width:157px;height:104px;left:0;top:109px}
.subp02 .cont-box03 .right-con .img-area1 .img-flid3{width:204px;height:287px;left:0;top:213px;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid3 .img-flid{width:204px;height:226px;bottom:0;right:0;z-index:1;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid4{width:177px;height:351px;right:0;top:149px;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid5{width:195px;height:115px;right:0;top:35px}
.subp02 .cont-box03 .right-con .img-area1 .img-flid6{width:197px;height:35px;right:0;top:0}
.subp02 .cont-box03 .right-con .img-area1 .non-click{position:absolute;top:149px;left:157px;width:120px;height:124px;z-index:10;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='4']{width:186px;height:320px;max-height:none;transform:rotateZ(36deg);left:-75px;top:-53px;z-index:2;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='5']{height:140px;top:0;right:0;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='7']{height:90px;bottom:0;right:0;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='6']{width:203px;height:320px;max-height:none;max-width:none;transform:rotateZ(-34deg);left:-45px;top:93px;z-index:2}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='8']{width:105px;z-index:1;right:0;}
/* .subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='11']{width:30px;height:28px;border-radius:100%;z-index:1;right:42px;bottom:10px;} */

.subp02 .cont-box03 [class*='img-area'] .prev-btn{position:absolute;width:34px;height:34px;background:url(../image/prev-btn-icon.png);top:2px;right:2px;z-index:11;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 .sub-txt{font-family:'scd-bold', sans-serif;color:#b3d6f3;font-size:22px;line-height:1;position:absolute;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]{background:url(../image/circle-btn-off.png);width:84px;height:83px;font-size:14px;color:#fff;position:absolute;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"] span{width:74px;display:inline-block;padding-top:22px;height:52px;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"].on span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:hover span{background:#0270e9;border-radius:100%;vertical-align:middle;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"].on,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:hover{background:url(../image/circle-btn-on.png);}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]{font-family:'scd-bold', sans-serif;font-size:15px;color:#000;padding:3px 0;padding-left:20px;position:absolute;text-align:left;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:before{content:"";display:inline-block;background:url(../image/icon-txt-btn.png);width:15px;height:23px;position:absolute;left:0;top:0;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"].on span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:hover span{line-height:17px;background:url(../image/text-bg02.png);}

.subp02 .cont-box03 .img-area2 .sub-txt{left:20px;top:74px;}
.subp02 .cont-box03 .img-area2 .circle-btn1{left:151px;top:38px;}
.subp02 .cont-box03 .img-area2 .circle-btn2{left:22px;top:184px;}

.subp02 .cont-box03 .img-area3 .sub-txt{left:11px;top:184px;}
.subp02 .cont-box03 .img-area3 .circle-btn1{left:95px;top:196px;}
.subp02 .cont-box03 .img-area3 .circle-btn2{left:11px;top:297px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn1{left:178px;top:135px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn2{left:213px;top:198px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn3{left:209px;top:277px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn4{left:235px;top:345px;}

.subp02 .cont-box03 .img-area4 .sub-txt{left:11px;top:264px;}
.subp02 .cont-box03 .img-area4 .circle-btn1{left:13px;top:32px;}
.subp02 .cont-box03 .img-area4 .circle-btn2{left:41px;top:165px;}
.subp02 .cont-box03 .img-area4 .circle-btn3{left:12px;top:406px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn1{left:210px;top:42px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn2{left:197px;top:91px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn3{left:182px;top:147px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn4{left:167px;top:222px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn5{left:164px;top:287px;}

.subp02 .cont-box03 .img-area5 .sub-txt{left:180px;top:421px;}
.subp02 .cont-box03 .img-area5 .circle-btn1{left:66px;top:385px;}
.subp02 .cont-box03 .img-area5 .circle-btn2{left:175px;top:321px;}
.subp02 .cont-box03 .img-area5 .circle-btn3{left:268px;top:393px;}
.subp02 .cont-box03 .img-area5 .icon-txt-btn1{left:178px;top:263px;}
.subp02 .cont-box03 .img-area5 .icon-txt-btn2{left:269px;top:228px;}

.subp02 .cont-box03 .img-area6 .sub-txt{left:265px;top:388px;}
.subp02 .cont-box03 .img-area6 .circle-btn1{left:199px;top:227px;}
.subp02 .cont-box03 .img-area6 .circle-btn2{left:130px;top:362px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn1{left:168px;top:132px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn2{left:43px;top:150px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn3{left:9px;top:205px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn4{left:86px;top:175px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn3{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn3:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn4{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn4:before{left:auto;right:0;}

.subp02 .cont-box03 .img-area7 .sub-txt{left:169px;top:422px;}
.subp02 .cont-box03 .img-area7 .circle-btn1{left:46px;top:387px;}
.subp02 .cont-box03 .img-area7 .circle-btn2{left:148px;top:323px;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn1{left:100px;top:221px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn2{left:31px;top:275px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn3{left:194px;top:276px;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn4{left:244px;top:224px;}

.subp02 .cont-box03 .img-area8 .sub-txt{left:289px;top:260px;}
.subp02 .cont-box03 .img-area8 .circle-btn1{left:283px;top:325px;}
.subp02 .cont-box03 .img-area8 .circle-btn2{left:218px;top:156px;}
.subp02 .cont-box03 .img-area8 .circle-btn3{left:259px;top:36px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn1{left:61px;top:74px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn2{left:67px;top:165px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn3{left:87px;top:244px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn3{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn3:before{left:auto;right:0;}

.subp02 .cont-box03 .img-area9 .sub-txt{left:257px;top:154px;}
.subp02 .cont-box03 .img-area9 .circle-btn1{left:244px;top:27px;}
.subp02 .cont-box03 .img-area9 .circle-btn2{left:144px;top:139px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn1{left:20px;top:53px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn2{left:65px;top:129px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn3{left:127px;top:240px;}

.subp02 .cont-box03 .img-area10 .sub-txt{left:255px;top:12px;}
.subp02 .cont-box03 .img-area10 .circle-btn1{left:168px;top:6px;}
.subp02 .cont-box03 .img-area10 .circle-btn2{left:57px;top:6px;}

.subp02 .cont-box03 .right-con{float:left;width:100%;min-height: 499px;}
.subp02 .cont-box03 .right-con .tit{font-size:26px;color:#000;font-weight:700;padding:15px 0}
.subp02 .cont-box03 .right-con .tit strong{color:#006fe8;}
.subp02 .cont-box03 .right-con .txt{margin:0 0 15px;font-size:18px;}
.subp02 .cont-box03 .right-con td{vertical-align:middle;}
.subp02 .cont-box03 .table-col td:first-child{border-left:1px solid #e0e6ef; }
.subp02 .cont-box03 .table-col td[rowspan]:first-child{border-left:0;}

.subp02 .cont-box03 .bu{float:right;font-size:15px;margin-top:10px;}
.subp02 .cont-box03 .bu strong{font-weight:700;}
.subp02 .cont-box03 table img{width:auto;vertical-align:middle;margin-left:10px;max-width:40px;}

.subp02 .cont-box04 img{width:40px;}
.subp02 .cont-box04{margin-top:50px;}
.subp02 .cont-box04 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-bottom:5px;position:relative;}
.subp02 .cont-box04 .tit .tooltip{top:50px;}
.subp02 .cont-box04 .tit strong{color:#006fe8;}
.subp02 .cont-box04 .over-scroll{max-width:100%;}
.subp02 .cont-box04 .gf-cont{border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;padding:20px 0;width:870px;}
.subp02 .cont-box04 .gf-cont li{float:left;}
.subp02 .cont-box04 .gf-01{overflow:hidden;line-height:35px;}
.subp02 .cont-box04 .gf-01 li:nth-child(n + 2){width:123px;background:#eef2f7;color:#000;font-size:13px;text-align:center;margin-right:2px;}
.subp02 .cont-box04 .gf-cont > [class*="gf-0"] > *:first-of-type{width:60px;color:#595959;text-align:center;}
.subp02 .cont-box04 .gf-02{overflow:hidden;}
.subp02 .cont-box04 .gf-02 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-02 span{display:block;margin:20px 0 5px;}
.subp02 .cont-box04 .gf-02 li:first-of-type{line-height:90px;}
.subp02 .cont-box04 .gf-03 div:first-of-type{height:105px;line-height:105px;}
.subp02 .cont-box04 .gf-04{overflow:hidden;}
.subp02 .cont-box04 .gf-04{overflow:hidden;line-height:35px;}
.subp02 .cont-box04 .gf-04 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-05{overflow:hidden;}
.subp02 .cont-box04 .gf-05{overflow:hidden;line-height:70px;}
.subp02 .cont-box04 .gf-05 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-05 li:first-of-type{line-height:140%;margin-top:18px;}

.subp02 .cont-box06{margin-top:50px;}
.subp02 .cont-box06 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-bottom:5px;position:relative;}
.subp02 .cont-box06 .tit .tooltip{top:50px;}
.subp02 .cont-box06 .s-tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.subp02 .cont-box06 .s-tit{padding-left:10px;position:relative;font-size:21px;font-weight:700;margin-bottom:-10px;}
.subp02 .cont-box06 .table-box{position:relative;padding-top:25px}
.subp02 .cont-box06 .lay-btn{position:absolute;right:0;top:0;margin-bottom:10px;color:#006fe8;font-size:15px;padding-right:30px;}
.subp02 .cont-box06 .lay-btn:after{content:"";position:absolute;right:4px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down04.png)no-repeat center center;background-size:100%;}
.subp02 .cont-box06 .table-col{margin-bottom:40px;}

.subp02 .cont-box07 .ban-wrap{overflow:hidden;}
.subp02 .cont-box07 .ban-wrap li{float:left;width:calc(25% - 15px);margin-left:15px;position:relative;}
.subp02 .cont-box07 .ban-wrap li:first-of-type{margin-left:0}
.subp02 .cont-box07 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-top:0;margin-bottom:5px;}
.subp02 .cont-box07 .wr{position:absolute;display:table;width:100%;top:0;left:0;height:100%}
.subp02 .cont-box07 .wr .cel{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:22px;font-weight:700}
.subp02 .cont-box07 .wr img{width:auto;vertical-align:middle;}
.subp02 .cont-box07 .wr p{margin-top:20px;}
.subp02 .cont-box07 .wr p img{width:auto;margin-left:20px;}

.subp02 .cont-box04 .gf-01 li:nth-child(n+2) { width: 13.8%  }
.subp02 .cont-box04 .gf-01 li:nth-child(n+2).half { width: 7%;}
.subp02 .cont-box04 .gf-02 li:nth-child(n+2) { width: 7%;  }
.subp02 .cont-box04 .gf-03 { position: relative; }
.sea-wave-chart-wrapper { margin-left:79px; display: inline-block; position: absolute; width: calc(100% - 110px); top: 0px; height: 105px; overflow: hidden;}
#sea-wave-chart {height: 230px; margin-top: -50px;}

/* 해상특보 */
.subp02-01 .report-box{position:relative;padding:20px;background:#eef2f7;}
.subp02-01 .report-box > .tit{margin-bottom:15px;font-size:30px;font-weight:300;}
.subp02-01 .report-box .table-col tbody > tr td:first-child{padding-left:50px;text-align:left;}
.subp02-01 .report-box .map-box{margin-top:30px;padding:0 60px;background:#fff;}
.subp02-01 .report-box > #sea-warning-now > .tit { 
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 300;
}
.subp02-01 .report-box .table-col tbody > tr td:first-child {
    padding-left: 5px;
    text-align: center;
}


.weather-cont01{position:relative;width:100%;}
.update-wrap{position:absolute;right:0;top:-15px;}
#index-vshort .update-wrap{position:absolute;right:0;bottom: -25px;top:auto;}
#map-index-vshort .update-wrap{position:absolute;right:0;bottom: -25px;top:auto;}
.update-btn{background:url(../image/icon_refresh.png)no-repeat;background-position:0 0;background-size:16px 13px;padding-left:24px;padding-right:10px;color:#fff;font-size:14px;font-weight:700;}
.update-info{font-size:14px;font-weight:300;color:#fff;}
.weather-list{overflow:hidden;padding-top:8px; }
.weather-list .weather-item{position:relative; border:1px solid rgba(0,0,0,0);border-bottom:1px solid #96adc5;float:left;color:#fff;text-align:center;padding:20px 0;}
.weather-list .weather-item.now{border:1px solid #96adc5;background:#2c528b;}
.weather-list .weather-item.time{color:#fff;font-size:15px;font-weight:300;}
.weather-list .weather-item.now .time{font-weight:700;}
.weather-list .weather-item .temp{color:#fff;font-size:35px;font-weight:700;margin-top:12px;line-height:43px;}
.weather-list .weather-item .temp small{ display: block;font-size: 13px; height: 24px; line-height: 24px;}
.weather-list .weather-item .temp img{width:43px;}
.weather-list .weather-item .temp span{font-weight:300;vertical-align:top;font-size:20px;margin-left:2px;}
.weather-list .weather-item .temp .weat01{width:55px;height:32px;background:url(../image/icon_sun_cloud.png)no-repeat center center;display:inline-block}
.weather-list .weather-item .temp .weat02{width:55px;height:32px;background:url(../image/icon_sun.png)no-repeat center center;display:inline-block}
.weather-list .weather-item .temp .weat03{width:55px;height:32px;background:url(../image/icon_cloud_rain.png)no-repeat center center;display:inline-block}
.weather-list .weather-item table{ height:63px;}
.weather-list .weather-item table th{color:#fff;text-align:right;width:35%;line-height:20px;}
.weather-list .weather-item table th i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table th .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table th .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table th .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td{color:#fff;text-align:left;padding-left:5px;line-height:20px;}
.weather-list .weather-item table td.ele-lbl{color:#fff;text-align:right;width:32%;line-height:20px;}
.weather-list .weather-item table td.ele-lbl i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table td.ele-lbl .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table td.ele-lbl .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table td.ele-lbl .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td.ele-lbl small{padding-bottom:4px;}
.weather-list .weather-item table td{color:#fff;text-align:left;padding-left:3px;line-height:20px;}
.weather-list .weather-item table td:first-of-type{color:#fff;text-align:right;width:25%;line-height:20px;}
.weather-list .weather-item table td:first-of-type i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table td:first-of-type .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table td:first-of-type .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table td:first-of-type .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td:last-of-type{color:#fff;text-align:left;padding-left:5px;line-height:20px;}
.weather-list .weather-item table td .ele-txt { padding-left: 20%; display:block;}
.weather-list .weather-item table td small{}
.weather-list.col04 .weather-item{width:25%;}
.weather-list.col05 .weather-item{width:20%;}
.weather-list.col06 .weather-item{width:16.333%}
.weather-list.col07 .weather-item{width:14%}
/* .weather-list .slick-arrow{opacity: 0;} */

.swiper-pagination-bullet{cursor:pointer;}
.weather-cont02 {position:relative;margin-top:23px;}
.weather-cont02:after{clear:both;content:"";display:block;}
.weather-cont02 .update-wrap{position:absolute;right:0;top:45px;line-height:17px;}
.weather-cont02 .update-btn{padding-left:24px;padding-right:10px;color:#fff;font-size:14px;font-weight:700;}
.weather-cont02 .update-info{font-size:14px;font-weight:300;color:#fff;}

.weather-cont02-ut .swiper-pagination{text-align:left;}
.weather-cont02-ut .swiper-pagination .swiper-pagination-bullet{width:110px;height:55px;;background:none;font-size:22px;font-weight:300;display:inline-block;color:#fff;border-radius:0;line-height:52px;opacity:1;text-align:center;}
.weather-cont02-ut .swiper-pagination .swiper-pagination-bullet-active{font-weight:700;border-bottom:3px solid #fff;}

.weather-cont02-ut.swiper-pagination .icon:hover{background:url('../image/icon_help_on.png');background-size:100%;}


.weather-cont02  .weather-container{overflow:hidden;width:100%;}
.weather-info-list .swiper-scrollbar{background:#6797aa}
.weather-info-list .swiper-scrollbar-drag{background:#ffffff;}
.weather-cont02 .weather-container{position:relative;}
.weather-cont02 .title-label{width:70px;height:100%;text-align:center;padding-top:33px;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c5e8b', endColorstr='#2c6f8b');z-index:3;position:absolute;left :0;bottom:0;}
.weather-cont02 .title-label [class*="tit"]{color:#fff;display:table;font-size:15px;font-weight:700;}
.weather-cont02 .title-label [class*="tit"] span{color:#fff;display:table-cell;vertical-align:middle;text-align:center;width:70px;font-size:13px;}
.weather-cont02 .title-label .tit01{height:50px;}
.weather-cont02 .title-label .tit02{height:127px;}
.weather-cont02 .title-label .tit03{height:40px;}
.weather-cont02 .title-label .tit04{height:60px;}
.weather-cont02 .title-label .tit05{height:45px;}
.weather-cont02 .title-label .tit06{height:30px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit07{height:35px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit08{height:40px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit09{height:30px;}

.weather-cont02-ut{position:relative;padding-bottom:15px;}
.weather-cont02-ut:after{content:"";display:block;clear:both;}
.weather-cont02-ut .update-wrap{position:absolute;right:0;bottom:0;top:auto;}
.weather-info-list{height:450px;width:100%;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c5e8b', endColorstr='#2c6f8b'); position:relative;}
.weather-info-list .swiper-wrapper{float:left;overflow:hidden;height:100%;overflow-x:auto;touch-action: pan-y;}
.weather-info-list .swiper-wrapper .swiper-slide{float:left;}
.weather-info-list .swiper-slide{width:auto;position:relative;}
.weather-info-list .swiper-slide:first-of-type{margin-left:70px;}
.weather-info-list .swiper-slide ul{position:relative;z-index:1;}
.weather-info-list .swiper-slide img{width:auto;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item01{height:50px;}
.weather-info-list .swiper-slide .ul-item01 li{line-height:50px;text-align:center;}
.weather-info-list .swiper-slide .ul-item01 li img{max-width:100%;height:auto;width:100%;}
.weather-info-list .swiper-slide .ul-item02{height:127px;}
.weather-info-list .swiper-slide .ul-item03{height:40px;}
.weather-info-list .swiper-slide .ul-item03 li{width:132px;margin-left:2px;}
.weather-info-list .swiper-slide:nth-child(n + 2) .ul-item03 li:first-child{margin-left:2px;}
.weather-info-list .swiper-slide:nth-child(n + 3) .ul-item03 li:first-child{margin-left:2px;}
/* .weather-info-list .swiper-slide:nth-child(n + 3) .ul-item03 li:last-child{width:140px;} */
.weather-info-list .swiper-slide:first-child .ul-item03 li:first-child{margin-left:16px;}
.weather-info-list .swiper-slide .ul-item03 li .item-cont{background:#eef2f7;color:#333;width:100%;height:100%;;line-height:40px;text-align:center;font-size:15px;font-weight:700;}
.weather-info-list .swiper-slide .ul-item04{height:60px;}
.weather-info-list .swiper-slide .ul-item04 li{text-align:center;display:table;}
.weather-info-list .swiper-slide .ul-item04 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#fff;font-size:15px;margin-top:3px;display:inline-block;}
.weather-info-list .swiper-slide .ul-item04 li .them .img-icon{display:inline-block;height:22px;line-height:22px;}
.weather-info-list .swiper-slide .ul-item04 li .them .img-icon img { width: 17px; height: auto;}
.weather-info-list .swiper-slide .ul-item05{height:45px; margin-top:33px;}
.weather-info-list .swiper-slide .ul-item05 li{text-align:center;display:table;}
.weather-info-list .swiper-slide .ul-item05 li p{display:table-cell;vertical-align:middle;color:#fff;font-size:14px;text-align:center;}
.weather-info-list .swiper-slide .ul-item06 {height:30px;}
.weather-info-list .swiper-slide .ul-item06 li{text-align:center;display:table; margin-top:0; }
.weather-info-list .swiper-slide .ul-item06 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item06 li .them .txt{color:#fff;font-size:13px;display:inline-block; line-height:30px;}
.weather-info-list .swiper-slide .ul-item07 {height:35px;}
.weather-info-list .swiper-slide .ul-item07 li {width: 67px; margin-left:0px;}
.weather-info-list .swiper-slide:first-child .ul-item07 li:first-child{margin-left:16px;}
.weather-info-list .swiper-slide .ul-item07 li span.txt {color: #fff; font-weight: 500; display:block; font-size: 13px; line-height:20px; text-align:left; padding-left:3px;}
.weather-info-list .swiper-slide .ul-item07 li span.imp_bar {margin-top:5px; display:block; height: 10px; text-indent: -99999px;}
.weather-info-list .swiper-slide .ul-item07 li .red{background-color:#f19898; border-right: 1px solid #f19898;}
.weather-info-list .swiper-slide .ul-item07 li .orange{background-color:#ffc46f; border-right: 1px solid #ffc46f;}
.weather-info-list .swiper-slide .ul-item07 li .yellow{background-color:#f9f57e; border-right: 1px solid #f9f57e;}
.weather-info-list .swiper-slide .ul-item07 li .green{background-color:#7cc299; border-right: 1px solid #7cc299;}
.weather-info-list .swiper-slide .ul-item07 li .white{background-color:#ffffff; border-right: 1px solid #ffffff;}
.weather-info-list .swiper-slide .ul-item07 li .gray{background-color:#f3f3f3; border-right: 1px solid #f3f3f3;}
.weather-info-list .swiper-slide .ul-item07 li .blue{background-color:#99CCDD; border-right: 1px solid #99CCDD;}

.weather-info-list .swiper-slide .ul-item08 {height:40px;}
.weather-info-list .swiper-slide .ul-item08 li{text-align:center;display:table; margin-top:0; }
.weather-info-list .swiper-slide .ul-item08 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item08 li .them .txt{color:#fff;font-size:13px;display:inline-block; line-height:30px;}

.weather-info-list .swiper-slide .ul-item09{height:33px;}
.weather-info-list .swiper-slide .ul-item09 li{text-align:center;display:table;}
.weather-info-list .swiper-slide .ul-item09 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item09 li .them .txt{color:#fff;font-size:15px;margin-top:3px;display:inline-block;}
.weather-info-list .swiper-slide .ul-item09 li .them .img-icon{display:inline-block;height:22px;line-height:22px;}
.weather-info-list .swiper-slide .ul-item09 li .them .img-icon img { width: 17px; height: auto;}

.weather-info-list .swiper-slide li{float:left;width:32px;margin-left:35px;height:100%;}
.weather-info-list .swiper-slide li.feelslike{float:left;width:42px;margin-left:25px;height:100%;}
.weather-info-list .swiper-slide:nth-child(n + 2) li:first-child{margin-left:0;}
.weather-info-list .swiper-slide:nth-child(n + 2) li .txt,
.weather-info-list .swiper-slide:nth-child(n + 2) li img{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 2) li{text-align:left;}
.weather-info-list .swiper-slide:nth-child(n + 3) li{text-align:left;}
.weather-info-list .swiper-slide:nth-child(n + 3) li:first-child{margin-left:0;} 
.weather-info-list .swiper-slide:nth-child(n + 3) li .txt,
.weather-info-list .swiper-slide:nth-child(n + 3) li img{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 2) li p{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 3) li p{transform:translateX(-50%);}
.weather-info-list .swiper-slide:first-child li:first-child{margin-left:0;}
.weather-info-list .swiper-scrollbar-drag{margin:0}
/* .now-mark{width:auto;display:inline-block;padding:0 5px;height:25px;position:absolute;left:32px;top:23px;background:#ffc500;font-size:14px;font-weight:700;text-align:center;line-height:25px;transform:translateX(-50%);} */
/* .now-mark:after{position:absolute;left:50%;transform:translate(-50% , 100%);bottom:0;background:url(../image/now-mark-icon.png);content:"";width:11px;height:178px;} */
.tom-mark:after{position:absolute;left:50%;transform:translate(-50% , 100%);bottom:1px;background:url(../image/now-mark-icon.png)no-repeat;content:"";width:13px;height:229px; z-index:0;}
.tom-mark{width:auto;display:inline-block;padding:0 7px;height:25px;position:absolute;left:0;top:23px;background:#ffc500;font-size:14px;font-weight:700;text-align:center;line-height:25px;transform:translateX(-50%); z-index:0;}

.weather-info-list .swiper-slide .chart-area{overflow:hidden;}
.weather-info-list .swiper-slide .chart-area .chart-item{float:left;width:150px;height:147px;margin-left:0;border:1px solid #5683a2;border-left:0;}
.weather-info-list .swiper-slide .chart-area .chart-item.on{border:1px solid #96b2c5;}
.weather-info-list .swiper-slide .chart-area .chart-item .data{font-weight:700;font-size:18px;color:#fff;text-align:center;display:block;;line-height:45px;padding-top:5px;}
.weather-info-list .swiper-slide .chart-area .chart-item .data span{font-weight:300;}
.weather-info-list .swiper-slide .chart-area .chart-item img{transform: translate(0);display:block;margin:0 auto;width:37px;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap{overflow:hidden;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap .left-weat,
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap .right-weat{float:left;width:50%;text-align:center;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap span.txt{display:block;transform:translate(0);margin-top:10px;color:#ffffff;line-height:150%;}
.weather-info-list .swiper-slide .chart-area .chart-item .info-txt{display:none;}
.weather-info-list .swiper-slide .more-btn{display:none;}
.weather-info-list .iScrollHorizontalScrollbar{background:rgba(255,255,255,0.3);}
.weather-info-list .iScrollVerticalScrollbar{background:rgba(255,255,255,0.3);}
.weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator {background: #fff}
.weather-info-list .iScrollVerticalScrollbar .iScrollIndicator {background: #fff}
.weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator{margin-left:70px;}

.subp01 .cont-box02{margin-top:25px;position:relative;}
.subp01 .cont-box02 [class*="box-con"]{position:absolute;right:0;top:-70px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;}
.subp01 .cont-box02 [class*="box-con"] button{color:#fff;font-size:18px;}
.subp01 .cont-box02 .box-con-on{background:#bb0000;padding-right:30px;cursor: pointer;}
.subp01 .cont-box02 .box-con-on:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;transform:rotateZ(0);background-size:100%;transition: all 0.2s;}
.subp01 .cont-box02 .box-con-on.on:after{transform:rotateZ(-180deg);}
.subp01 .cont-box02 [class*="box-con"] > span{display:block;padding-left:12px; padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.subp01 .cont-box02 .box-con-wrn{background:#bb0000;right: 210px; width:auto; max-width:200px;}
.subp01 .cont-box02 .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;}
.subp01 .cont-box02 .tab-wrap01{position:relative;padding-bottom:15px;}
.subp01 .cont-box02 .tab-wrap01 .tooltip{top:50px}
.subp01 .cont-box02 [class*="tab-btn"]{display:inline-block;}
.subp01 .cont-box02 [class*="tab-btn"] button{font-size:30px;padding:0 18px; border-bottom:5px solid #eef2f7;line-height:60px;font-weight:300;color:#000000;}
.subp01 .cont-box02 [class*="tab-btn"] button.on{font-weight:700;color:#bb0000;border-bottom:5px solid #bb0000}
.subp01 .cont-box02 [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/sub-tab-icon-off.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.subp01 .cont-box02 [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on.png');}
.subp01 .cont-box02 .tab-fild{overflow:hidden;padding-bottom:18px;}
.subp01 .cont-box02 .no-info {padding-bottom: 0;}
.subp01 .cont-box02 .no-info .right-flid > .txt {margin-bottom: 10px;}
.subp01 .cont-box02 .left-flid{width:296px;float:left}
.subp01 .cont-box02 .left-flid img {max-width:100%;height:auto;width:100%;}
.subp01 .cont-box02 .right-flid{float:left;width:calc(100% - 296px);padding-left:20px;}
.subp01 .cont-box02 .right-flid > .tit{padding-left:15px;position:relative;font-size:22px;font-weight:700;}
.subp01 .cont-box02 .right-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.subp01 .cont-box02 .right-flid > .txt{font-size:18px;padding-left:15px;margin-top:10px;margin-bottom:35px;}
.subp01 .cont-box02 .right-flid > .txt strong{font-weight:700;}
.subp01 .cont-box02 .right-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.subp01 .cont-box02 .right-flid > .txt span:first-of-type::before{display:none;}
.subp01 .cont-box02 .right-flid .text-area{height:245px;background:#fff;overflow:hidden;margin-top:10px;position:relative;}
.subp01 .cont-box02 .right-flid .text-area .swiper-slide{height:auto;font-size:17px;padding:30px;line-height:160%;}
.subp01 .cont-box02 .right-flid .text-area .swiper-slide .tit{margin-top:5px;}
.subp01 .cont-box02 .big-btn{position:absolute;right:20px;top:45px;font-size:15px;color:#595959}

.subp01 .weather-list{margin-top:0;border-bottom:0;border-right:0;padding-top:0;}
.subp01 .weather-list .weather-item{border:1px solid #e0e6ef;border-left:1px solid #fff;}
.subp01 .weather-list .weather-item.now{border:1px solid #000000;background:none;}
.subp01 .weather-list .weather-item .time{color:#000;}
.subp01 .weather-list .weather-item.now .time{font-weight:700;}
.subp01 .weather-list .weather-item .temp{color:#000;}
.subp01 .weather-list .weather-item .temp span{font-weight:300;}
.subp01 .weather-list .weather-item .temp .weat01{background:url(../image/sub_weat_icon02.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat02{background:url(../image/sub_weat_icon01.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat03{background:url(../image/sub_weat_icon03.png)no-repeat center center;}
.subp01 .weather-list .weather-item table td:first-of-type{color:#000;}
.subp01 .weather-list .weather-item table td:first-of-type .icon01{background:url(../image/icon_table03.png);}
.subp01 .weather-list .weather-item table td:first-of-type .icon02{background:url(../image/icon_table02.png);}
.subp01 .weather-list .weather-item table td:first-of-type .icon03{background:url(../image/icon_table01.png);}
.subp01 .weather-list .weather-item table td:last-of-type{color:#000;}
.subp01 .weather-list .slick-arrow{display:none;}
.subp01 .weather-info-list{margin-top:0}
.subp01 .cont-box03{border-bottom:1px solid #e0e6ef;padding-bottom:10px;}
.subp01 .cont-box03 .swiper-pagination{position:relative;top:0;margin-top:10px;}
.subp01 .swiper-pagination .swiper-pagination-bullet{color:#000000;}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#009ae1;border-bottom:5px solid #009ae1;}
.subp01 .swiper-pagination .swiper-pagination-bullet .icon{background-image:url('../image/sub-tab-icon-off.png')}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .icon{background-image:url(../image/icon_help.png);}
.subp01 .weather-info-list{background:none; height:510px;}
.subp01 .weather-info-list .swiper-scrollbar{background:#b7bcc3;height:10px;margin:0 0 0 70px; width:calc(100% - 85px); }
.subp01 .weather-info-list .swiper-scrollbar-drag{background:#eef2f7;height:6px;margin:2px 0 0 0;}
.subp01 .weather-cont02{margin-top:10px;}
.subp01 .weather-cont02 .title-label{background:#fff;}
.subp01 .weather-cont02 .title-label [class*="tit"]{color:#595959;}
.subp01 .weather-cont02 .title-label [class*="tit"] span{color:#595959;}
.subp01 .weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item05 li p{color:#000;}
.subp01 .weather-info-list .swiper-slide .ul-item06 li .them .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item07 li .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item08 li .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item09 li .them .txt{color:#000000;}
.subp01 .weather-info-list .iScrollHorizontalScrollbar{background:#b7bcc2;}
.subp01 .weather-info-list .iScrollVerticalScrollbar{background:#b7bcc2;}
.subp01 .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator {background: #edf2f6}
.subp01 .weather-info-list .iScrollVerticalScrollbar .iScrollIndicator {background: #edf2f6}
.subp01 .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator{margin-left:72px;}
.subp01 .tom-mark{background:#0131cc;color:#fff;}
.subp01 .tom-mark:after{background:url(../image/sub-now-mark-icon.png);}
.subp01 .cont-box04 {height: 457px;border-bottom:1px solid #e0e6ef;}
.subp01 .cont-box04 .tit{font-size:27px;margin-top:35px;position:relative;margin-bottom:10px;}
.subp01 .cont-box04 .tit .more { position: absolute; right: 10px; top: 5px; font-size: 20px;}
.subp01 .cont-box02 .tit .more { position: absolute; right: 10px; top: 17px; font-size: 20px;}
.subp01 .cont-box04 img{width:auto;}
.subp01 .chart-area{overflow:hidden;}
.subp01 .chart-area .chart-item{float:left;width:108px;height:177px;margin-left:0;border:1px solid #e0e6ef;border-left:0;}
.subp01 .chart-area .chart-item.on{border:1px solid #e0e6ef; border-left:0;} 
.subp01 .chart-area .chart-item.on:first-child {border-left:1px solid #e0e6ef;}
.subp01 .chart-area .chart-item .data{font-weight:700;font-size:18px;color:#000000;text-align:center;display:block;;line-height:45px;padding-top:5px;}
.subp01 .chart-area .chart-item .data span{font-weight:300;}
.subp01 .chart-area .chart-item img{transform: translate(0);display:block;margin:0 auto;width:37px}
.subp01 .chart-area .chart-item .weat-wrap{overflow:hidden;}
.subp01 .chart-area .chart-item .weat-wrap .left-weat,
.subp01 .chart-area .chart-item .weat-wrap .right-weat{float:left;width:50%;text-align:center;}
.subp01 .chart-area .chart-item .weat-wrap span.txt{display:block;transform:translate(0);margin-top:10px;color:#595959;line-height:150%;}
.subp01 .chart-area .chart-item .info-txt{display:block; font-size: 15px; text-align:center; line-height: 30px; margin-top:5px;}
.subp01 .more-btn{display:none;}
.subp01-01 .cont-box06{height:auto;border-bottom:0;} 
.subp01-01 .cont-box06 .tit{font-size:27px;margin-top:35px;position:relative;margin-bottom:10px;}
.subp01-01 .cont-box06 .tit span {font-size:25px;}

.subp01-01 .cont-box06 img{width:auto;}

.subp01 #today-vshortmid .cont-box04 { height: 220px; border-bottom: 0;}

.subp01 .tmnx { background: #fff;}
.tmnx { 
	color: #000;
	left: 104px;
	top: -24px;
	text-align: center;
	width: 180px;
	word-break: keep-all;
	display: inline-block;
	position: absolute;
	background: rgba(0,0,0,0.1);
	font-size: 15px;
	font-weight: 600;
	line-height: 25px;
	z-index: 0;
	padding: 0px 8px;
	border-radius: 3px;
}
.tmnx.today { left: 30px; width: 80px; }
.tmnx.dawn { left: 30px; width: 180px; }
.tmnx .tmn { color: #3e64ff;}
.tmnx .tmx { color: #ee4540;}
.subp01 .swiper-slide > .ul-item05 div.tmnx:first-of-type {left:1px;}

/* midsize */
.weather-list{overflow:visible;padding:14px 0;}
.weather-list .weather-item{padding:10px 0;} 
.weather-list .weather-item.time{font-size:11px;}
.weather-list .weather-item .temp{font-size:30px;margin-top:10px;}
.weather-list .weather-item .temp span{font-size:17px;}
.weather-list .weather-item .temp .weat01{width:39px;height:30px;margin-right:5px;}
.weather-list .weather-item .temp .weat02{width:39px;height:30px;margin-right:5px;}
.weather-list .weather-item .temp .weat03{width:39px;height:30px;margin-right:5px;}
.weather-list .weather-item table{margin-top:6px;}
.weather-list .weather-item table th{color:#fff;text-align:right;width:35%;}
.weather-list.col06 .weather-item table th{width:30%;}
.weather-list.col07 .weather-item table th{width:30%;}
.weather-list .weather-item table th .icon01{width:10px;height:14px;background-size:100%;margin-right:2px;}
.weather-list .weather-item table th .icon02{width:14px;height:12px;background-size:100%;}
.weather-list .weather-item table th .icon03{width:13px;height:12px;background-size:100%;}
.weather-list .weather-item table td{padding-left:3px;}
.weather-list.col04 .weather-item{width:25%;}
.weather-list.col05 .weather-item{width:20%;}
.weather-list.col06 .weather-item{width:16.333%}
.weather-list.col07 .weather-item{width:14%}
.weather-list .slick-arrow{position:absolute;width:34px;font-size:xx-small;overflow:hidden;color:transparent;text-indent:-999px;z-index:3;}
.weather-list .slick-arrow.slick-prev{height:100%;left:0;top:0;background:url('../image/info-prev.png') no-repeat left center; background-size:auto 42px}
.weather-list .slick-arrow.slick-next{height:100%;right:0;top:0;background:url('../image/info-next.png') no-repeat right center;background-size:auto 42px}


.weather-cont02{padding-bottom:18px}
.weather-cont02 .update-wrap{top:auto;bottom:-3px;}

.weather-info-list{height:457px;width:100%;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c5e8b', endColorstr='#2c6f8b');}
.swiper-pagination{top:-40px;left:0;}
.swiper-pagination .swiper-pagination-bullet{width:55px;height:30px;font-size:13px;line-height:29px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{font-weight:700;border-bottom:2px solid #fff;}
.swiper-pagination .swiper-pagination-bullet .icon{width:14px;height:14px;margin-left:3px;background-size:cover;}
.weather-cont02 .title-label{height:100%;padding-top:33px;z-index:10;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c5e8b', endColorstr='#2c6f8b');}
.weather-cont02 .title-label [class*="tit"]{font-size:11px;}

.weather-info-list .swiper-slide .ul-item03 li{margin-left:2px;}
.weather-info-list .swiper-slide:first-child .ul-item03 li:first-child{margin-left:16px;}
.weather-info-list .swiper-slide .ul-item04 li .them .txt{font-size:12px;}
.weather-info-list .swiper-slide .ul-item03 li .item-cont{background:#eef2f7;color:#000000;width:100%;height:100%;;line-height:40px;text-align:center;font-size:12px;font-weight:700;}
.weather-info-list .swiper-slide .ul-item04{height:63px;}
.weather-info-list .swiper-slide li{float:left;height:100%;}
.weather-info-list .swiper-slide:first-child li:first-child{margin-left:0;}
.weather-info-list .swiper-slide .ul-item05 li p{font-size:11px;text-align:center;}
/* .weather-info-list .swiper-slide:last-of-type{width:100%;} */
.weather-info-list .swiper-slide .slide-tab04{overflow-y:auto;height:100%;}
.weather-info-list .swiper-slide .chart-area{overflow:hidden;}
.subp01 .cont-box02 [class*="tab-btn"] button{font-size:20px;margin-top:10px;padding:0 12px; border-bottom:3px solid #eef2f7;line-height:40px;font-weight:300;color:#000000;}
.subp01 .cont-box02 [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on.png');}
.subp01 .cont-box02 .tab-fild{overflow:hidden;padding-bottom:18px;}

.subp01 .cont-box02 .big-btn{position:absolute;right:20px;top:35px;font-size:15px;color:#595959}
.subp01 .weather-list{margin-top:0}
.subp01 .weather-list .weather-item{border:1px solid #e0e6ef;border-left:0}
.subp01 .weather-list .weather-item.now{border:1px solid #000000;background:none;}
.subp01 .weather-list .weather-item .time{color:#000;}
.subp01 .weather-list .weather-item.now .time{font-weight:700;font-size:13px;}
.subp01 .weather-list .weather-item .temp{color:#000;font-size:30px;}
.subp01 .weather-list .weather-item .temp span{font-weight:300;}
.subp01 .weather-list .weather-item .temp .weat01{background:url(../image/sub_weat_icon02.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat02{background:url(../image/sub_weat_icon01.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat03{background:url(../image/sub_weat_icon03.png)no-repeat center center;}
.subp01 .weather-list .weather-item table th{color:#000;}
.subp01 .weather-list .weather-item table th .icon01{background:url(../image/icon_table03.png);background-size:cover;}
.subp01 .weather-list .weather-item table th .icon02{background:url(../image/icon_table02.png);background-size:cover;}
.subp01 .weather-list .weather-item table th .icon03{background:url(../image/icon_table01.png);background-size:cover;}
.subp01 .weather-list .weather-item table td{color:#000;}
.subp01 .weather-info-list{margin-top:0}
.subp01 .weather-cont02 .swiper-pagination{top:-230px;}
.subp01 .swiper-pagination .swiper-pagination-bullet{color:#000000;}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#009ae1;border-bottom:5px solid #009ae1;}
.subp01 .swiper-pagination .swiper-pagination-bullet .icon{background:url('../image/sub-tab-icon-off.png'); background-size:cover;}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .icon{background:url(../image/icon_help.png);background-size:cover;}
.subp01 .weather-info-list{background:none;}
.subp01 .weather-info-list .swiper-scrollbar{background:#b7bcc3;height:10px;margin:0 0 0 43px; width:calc(100% - 48px); }
.subp01 .weather-info-list .swiper-slide:last-of-type{width:auto;}
.subp01 .weather-info-list .swiper-scrollbar-drag{background:#eef2f7;height:6px;margin:2px 0 0 0;}
.subp01 .weather-cont02 .title-label{background:#fff;}
.subp01 .weather-cont02 .title-label [class*="tit"]{color:#595959;}
.subp01 .weather-cont02 .title-label [class*="tit"] span{color:#595959;}
.subp01 .weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item05 li p{color:#000;}
.subp01 .now-mark{background:#0131cc;color:#fff;}
.subp01 .tom-mark{background:#0131cc;}
.subp01 .now-mark:after{background:url(../image/sub-now-mark-icon.png);}
.subp01 .tom-mark:after{background:url(../image/sub-now-mark-icon.png);}

.weather-list .weather-item p.temp{ position: relative;}
i.lgt { background:url(../icon/DY@128/Light/DB_LGT.png) center center; background-size: cover; width: 24px; height: 20px; position: absolute; left: calc(50% - 19px); top: 38px; text-indent: -9999px;}
.graph-area { overflow: hidden; height: 245px; padding-left:50px; margin-top:25px;}
.dong-forecast-temp-chart {height:125px;margin-left: -8px; margin-top: 0px; }
.midterm-tmx-chart { height: 285px; margin-top: -2px;}
.weather-info-list .swiper-slide .ul-item03 { height: 32px; }
.weather-info-list .swiper-slide .ul-item03 li .item-cont{ height: 32px; line-height: 32px; background: #eef2f7bb;}
.weather-info-list .swiper-slide .ul-item03 .half { width: 65px !important;}
.weather-info-list .swiper-slide .ul-item03 li.snow-exists .item-cont { line-height: 16px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit03 { height: 32px; font-size: 13px;}
.weather-cont02 .title-label .tit03.snow-exists { height:60px; margin-top: -18px;}
.wicon-adjust { margin-left: 31px; }
.weather-info-list .swiper-slide li { position: relative; }
.tom-mark{ left: 17px; top:-24px; width: 104px; padding-left:1px; padding-right: 1px;}

.center-weat { text-align: center; }
 
.swiper-wrapper .temp-chart {position:absolute; margin-left:70px;top: 135px; height: 110px; overflow:hidden;}
.swiper-wrapper .temp-chart-hr1 { position:absolute;margin-left:51px; top:135px; height:110px; overflow:hidden;}
.swiper-wrapper .temp-chart-hr1:after { content:''; position:absolute; width:100px; height:30px; right:0; bottom:0; background:rgba(0,0,0,0);}
.highcharts-credits { color: rgba(0,0,0,0) !important; fill: rgba(0,0,0,0) !important;}
.swiper-wrapper .shrndate { margin-left: 137px; }
.weather-info-list .swiper-slide .ul-item04.ws-shrndate { padding-left: 67px !important;}
.weather-info-list .swiper-slide .ul-item06.feels-shrndate { padding-left: 67px !important;}

/* 
.subp01 .cont-box04 {height:auto;border-bottom:0;}
.subp01 .cont-box04 .chart-area{overflow:hidden;}
.subp01 .cont-box04 .chart-area .chart-item{float:none;width:100%;;height:40px;border:1px solid #e0e6ef;border-top:0;overflow:hidden; line-height:38px;padding:0 12px;position:relative;}
.subp01 .cont-box04 .chart-area .chart-item.on{border-bottom:1px solid #e0e6ef; border-top:0;border-left:0;border-right:0;}
.subp01 .cont-box04 .chart-area .chart-item.on:first-child{border-top:1px solid #e0e6ef; }
.subp01 .cont-box04 .chart-area .chart-item .data{font-size:13px;line-height:38px;float:left;padding-top:0;}
.subp01 .cont-box04 .chart-area .chart-item img{float:left;}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap{overflow:hidden;float:none;line-height:38px;position:absolute; left:50%;top:50%;transform:translate(-50% , -50%);}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap .left-weat,
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap .right-weat{float:left;width:auto;;overflow:hidden;position:relative}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap .right-weat{padding-left:15px;}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap .right-weat:before{content:"/";position:absolute;left:5px;top:50%;color:#000;transform:translate(0,-50% );font-weight:300;font-size:13px;}
.left-weat .cell,
.right-weat .cell{overflow:hidden;}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap span.txt{display:block;transform:translate(0);margin-top:0;float:left;margin-left:5px;line-height:37px;}
.subp01 .cont-box04 .chart-area .chart-item .weat-wrap span.txt em{display:none;}
.subp01 .cont-box04 .chart-area .chart-item .info-txt{display:block;position:absolute; right:13px;color:#000;font-size:13px;}
.subp01 .cont-box04 .more-btn{color:#595959;font-size:13px;line-height:50px;width:100%;display:block;} 
*/
.cont-box05{overflow:hidden;background:#eef2f7;padding:10px;margin:50px 0;}
.cont-box05 .left-flid{float:left;}
.cont-box05 .left-flid .up-btn{background:#eef2f7;border:1px solid #000;color:#000000;height:75px;padding-right:20px;}
.cont-box05 .left-flid .up-no-btn{line-height:75px; text-align:center;}
.cont-box05 .left-flid .up-btn:after{content:"";position:absolute;right:18px;top:50%;width:14px;height:14px;background:url(../image/up-btn-icon-m.png)no-repeat center center;margin-top:-7px;background-size:cover}
.cont-box05 .right-flid{float:left;margin-left:10px;display:table;height:48px;}
.cont-box05 .right-flid .txt{padding-left:15px;line-height:25px;display:table-cell;vertical-align:middle;}
.cont-box05 .right-flid .txt span{display:block;}
.cont-box05 .right-flid .txt span:before{content:"";margin:0}

.subp01 .cont-box04.none .tit span {
	font-size:20px;
}
.summary-list p {
	padding-left: 15px;
	font-size: 17px;
	line-height: 34px;
}
.summary-list p .depth_1 {
	font-size: 18px;
	margin-left: 15px;
	font-weight: 700;
}
.summary-list p .depth_2 {
	display: block;
	margin-left: 25px;
}

/* midsize-end */

/* 스크롤영역 */
.paragraph{margin-top:30px;}
.paragraph:first-of-type{margin-top:0;}

/* 컨트롤창 */
.sub-select-wrap{position:relative;padding:30px;width:100%;background:#eef2f7;font-size:0;}
.sub-select-wrap .tit{margin-right:20px;font-size:18px;font-weight:700;display:inline-block;line-height:40px;vertical-align:top;}
.sub-select-wrap .select{display:inline-block;margin-left:30px;}
.sub-select-wrap .select:first-of-type{margin-left:0;}
.sub-select-wrap .select *{display:inline-block;vertical-align:top;}
.sub-select-wrap .select > div{display:inline-block;position:relative;}
.sub-select-wrap .select > div:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png)}
.sub-select-wrap .select select{width:286px;background:#fff;border-radius:5px;border:0;height:40px;line-height:40px;padding-left:20px;font-size:18px;}
.sub-select-wrap .select button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;} 
.sub-select-wrap .cont-box02{margin-top:160px;}
.sub-select-wrap .time{margin-top:20px;}
.sub-select-wrap .time *{display:inline-block;vertical-align:middle;}
.sub-select-wrap .time input{width:286px;height:40px;text-align:center;border-radius:5px;font-size:18px;}
.sub-select-wrap .time .input-btn-wrap{margin-left:10px;overflow:hidden;}
.sub-select-wrap .time .input-btn-wrap .btn-lap{display:inline-block;margin-left:2px;position:relative;}
.sub-select-wrap .time .input-btn-wrap .btn-lap:first-child{margin-left:0;}
.sub-select-wrap .time .input-btn-wrap .btn-lap button{background:#fff;width:70px;height:40px;line-height:40px;text-align:center;padding-left:0;border-radius:5px;border:1px solid #0f77e9;color:#006fe8;font-size:18px;}
.sub-select-wrap .time .input-btn-wrap .btn-lap button:hover{background:#006fe8;color:#fff;}
.sub-select-wrap .date{display:inline-block;margin-left:30px;}
.sub-select-wrap .date > *{position:relative;display:inline-block;}
.sub-select-wrap .date > * input{padding:0 60px 0 20px;width:280px;height:40px;font-size:18px;line-height:40px;border:0;border-radius:5px;}
.sub-select-wrap .date .calendar{position:absolute;right:0;top:0;width:60px;height:40px;text-indent:-99999px;background:url(../image/icon_calendar.png)no-repeat center center;border-radius:5px;}
.sub-select-wrap .date > button{margin-left:10px;width:70px;height:40px;font-size:18px;line-height:40px;vertical-align:middle;color:#000;background:#ffc600;border:0;border-radius:5px;}


/* 하단 배너 */
.bannner-wrap{overflow:hidden;background:#311c8a;position:relative;}
.bannner-wrap a{display:block;overflow:hidden;}
.bannner-wrap .left-banner{width:100%;max-width:1200px;position:absolute;left:50%;color:#fff;padding:80px 0;transform:translateX(-50%);display:table;height:100%;}
.subp02 .bannner-wrap .left-banner{padding-top:30px;}
.bannner-wrap .left-banner .cel{display:table-cell;vertical-align:middle;}
.bannner-wrap .left-banner img{width: auto;vertical-align:middle;margin-left:5px}
.bannner-wrap .left-banner span{font-weight:700;font-size:18px;margin-bottom:36px;display:inline-block;}
.bannner-wrap .left-banner p{font-size:30px;line-height:50px;}
.bannner-wrap .left-banner p strong{font-weight:700}
.bannner-wrap .right-banner{width:50%;float:right;}

/* 하단 정보 */
.bottom-info .ban-wrap{overflow:hidden;}
.bottom-info .ban-wrap li{float:left;width:calc(25% - 15px);margin-left:15px;position:relative;}
.bottom-info .ban-wrap li:first-of-type{margin-left:0}
.bottom-info .ban-wrap a{display:block;}
.bottom-info .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-top:0;margin-bottom:5px;}
.bottom-info .wr{position:absolute;display:table;width:100%;top:0;left:0;height:100%}
.bottom-info .wr .cel{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:22px;font-weight:700}
.bottom-info .wr img{width:auto;vertical-align:middle;}
.bottom-info .wr p{margin-top:20px;}
.bottom-info .wr p img{width:auto;margin-left:20px;}

/* 리스트 부 */
.bu-hyphen{padding-left:11px;text-indent:-11px;} 

/* 날씨 */
.serch-wrap{margin-top:8px;}
.serch-wrap:after{content:"";clear:both;display:block;}
.serch-wrap .serch-area{float:left;height:40px;width:405px;border-bottom:1px solid #fff;position:relative;z-index:4;}
.subp02 .serch-wrap .serch-area { width: 500px;}
.serch-area .serch-area-btn{color:#fff;height:39px;width:360px;font-size:16px;padding-right:0;text-align:left;padding-left:0;vertical-align:top;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.subp02 .serch-area .serch-area-btn {width:500px;font-size:20px;}
.serch-area .serch-area-btn:after{content:"";background:url(../image/arrow_down.png);background-size:11px 7px;width:11px;height:7px;position:absolute;right:20px;top:50%;margin-top:-4px;}
.serch-wrap .serch-util{float:left;overflow:hidden;}
.serch-wrap [class*="serch-util-btn"]{width:40px;height:40px;margin-left:5px;}
.serch-wrap .serch-util .serch-util-btn01{background:url(../image/btn_bookmark.png);background-size:100%;}
.serch-wrap .serch-util-btn02{background:url(../image/btn_map.png);margin-left:0; background-size:100%;}
.serch-wrap .serch-util .serch-util-btn03{background:url(../image/btn_search.png);background-size:100%;}

.serch-con{position:absolute;top:40px;background:#ffffff;max-height:250px;width:100%;overflow:hidden;}
.serch-con .rolling-js3{max-height:100%;}
.serch-con button{line-height:50px;font-size:16px;display:block;padding-left:10px;text-align:left;width:100%;color:#595959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding-right:20px;}
.serch-con button:hover{background:#dfe6f0;color:#000}

/* 서브 검색 */
.subp .serch-wrap{margin-top:10px;}
.subp .serch-wrap .serch-area{border-bottom:1px solid #000000;}
.subp .serch-area .serch-area-btn{color:#333333;}
.subp .serch-area .serch-area-btn:after{background:url(../image/arrow_down03.png);}
.subp .serch-wrap .serch-util-btn02{background-image:url(../image/srch-icon04.png);margin-left:0; background-size:100% 100%;}
.subp .serch-wrap .serch-util .serch-util-btn01{background-image:url(../image/srch-icon01.png);background-size:100% 100%;}
.subp .serch-wrap .serch-util .serch-util-btn03{background-image:url(../image/srch-icon03.png);background-size:100% 100%}
.subp .serch-wrap .serch-con{border:1px solid #e0e6ef;}

/* 부이 팝업 */
.modal-pop-sub.buoy-wrap{height:550px;padding:20px;}
.modal-pop-sub.buoy-wrap .pop-close{top:0;right:0;}
.modal-pop-sub .tit-wrap{margin-bottom:15px;}
.modal-pop-sub .tit-wrap:after{content:"";clear:both;display:block;}
.modal-pop-sub .tit-wrap .tit{font-size:22px;color:#000;font-weight:700;float:left;}
.modal-pop-sub .tit-wrap .buoy-btn{float:left;margin-left:10px;position:relative;}
.modal-pop-sub .tit-wrap .buoy-btn > button{font-size:22px;color:#000;font-weight:300;color:#006fe8;padding-right:34px;position:relative;}
.modal-pop-sub .tit-wrap .buoy-btn > button:after{content:"";position:absolute;right:4px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down04.png)no-repeat center center;background-size:100%;}
.modal-pop-sub .tit-wrap .buoy-btn button.on:after{background:url(../image/arrow_down04_on.png)no-repeat center center;background-size:100%;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list{position:absolute;left:0;top:30px;z-index:1;background:#fff;border:1px solid #000;min-width:100%;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list button{display:block;line-height:30px;font-size:14px;padding-left:10px;color:#595959;padding-right:20px;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list button:hover{background:#dfe6f0;color:#000}
.buoy-cont-wrap{overflow:hidden;}
.buoy-cont-wrap .buoy-img-con{float:left;width:511px;background:#fff;text-align:center;height:472px;position:relative;}
.buoy-cont-wrap .buoy-img-con img{position:absolute;left:50%;top:50%;transform: translate(-50% , -50%);}
.buoy-cont-wrap .buoy-table-con{float:left;width:calc(100% - 531px);margin-left:20px;position:relative;height:472px;}
.buoy-cont-wrap .buoy-table-con .roll-wrap{height:auto;}
.buoy-cont-wrap .table-col td:first-child{border-left:1px solid #e0e6ef; }
.buoy-cont-wrap .table-col td[rowspan]:first-child{border-left:0;}

/* 텍스트 리스트 */
.summary-list{position:relative;margin-top:8px;padding:20px 0;border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;}
.summary-list .location{position:absolute;top:-43px;right:0;content:'';}
.summary-list .location .txt{font-size:22px;color:#006fe8;}
.summary-list dt{position:relative;padding-left:15px;font-size:18px;font-weight:700;}
.summary-list dt span,
.summary-list dd span,
.summary-list li span{color:#595959;}
.summary-list dt:before{position:absolute;top:50%;left:0;content:'';width:4px;height:4px;background:#000;transform:translateY(-50%);}
.summary-list dd,
.summary-list li{margin-top:10px;padding-left:15px;font-size:17px;}
.summary-list dd:first-child{margin-top:20px;}
.summary-list li:first-child{margin-top:0;}
.summary-list dt + dd{margin-top:20px;}
.summary-list dd + dt{margin-top:40px;}
.summary-list .over-scroll{margin-top:40px;}
.summary-list .table-col td:first-of-type{border-left:1px solid #e0e6ef}
.summary-list .table-col th:first-child{border-left:1px solid #e0e6ef; }
.summary-list .table-col th[rowspan]:first-child{border-left:0;}
.summary-list .table-col tr:first-child th:first-child{border-left:0;}

/* 서브 텝메뉴 */
.tab-menu-wrap{position:relative;}
.tab-menu-wrap .tab-menu{font-size:0;}
.tab-menu-wrap .tab-menu:after{content:"";display:block;clear:both;}
.tab-menu-wrap .tab-menu > *{display:inline-block;text-align:center;}
.tab-menu-wrap .tab-menu > * button , .tab-menu-wrap .tab-menu > * a{display:inline-block;width:100%;font-size:30px;font-weight:300;padding-bottom:10px;position:relative;overflow:visible;}
.tab-menu-wrap .tab-menu > * button span , .tab-menu-wrap .tab-menu > * a span{padding:0 20px;}
.tab-menu-wrap .tab-menu > * .on{color:#009ae1;font-weight:700;border-bottom:5px solid #009ae1;}
.tab-menu-wrap .tab-menu > * .icon{background-image:url('../image/sub-tab-icon-off.png');}
.tab-menu-wrap .tab-menu > * .on .icon{background-image:url('../image/icon_help.png');}
.sort-box{position:absolute;width:270px;font-size:0;right:0; top:0}
.sort-box *{display:inline-block;font-size:18px;font-weight:400;vertical-align:middle;}
.sort-box > div{display:inline-block;position:relative;}
.sort-box > div:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png)}
.sort-box select{background:#eef2f7;border-radius:5px;border:0;width:190px;height:40px;line-height:40px;padding-left:20px;font-size:18px;}
.sort-box button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;}


/* 내용없음 */
.bg-box.data-none{padding:10px;border-top:none;}
.bg-box.data-none .cont{height:380px;}
.bg-box.data-none .cont .txt{position:relative;margin:110px auto;padding-top:20px;padding-left:130px;width:450px;height:100px;font-size:22px;text-align:left;}
.bg-box.data-none .cont .txt:before{position:absolute;left:0;top:50%;content:'';width:100px;height:99px;background:url(../image/icon_smile.png)no-repeat;transform:translateY(-50%);}

/* 바다 지역 검색 */
.accordion-con a.delete-bookmark { position: absolute; right: 5px; top: 5px;width: 30px; height: 30px; display:inline-block; z-index:99;}
.accordion-con a.delete-bookmark .item-hide-btn { position: absolute; top:50%; left:50%; margin-left: -10.5px; margin-top: -10.5px; width: 21px; height: 21px; background: url(../image/item-hide-icon-on.png);}
.accordion-con .accordion-dropdown-wrap { position: relative; }

/* iframe */
.iframe .container { background-color: #fff;}
.iframe .container .right-content { min-height: auto;}
.iframe .right-content { padding: 0;}
.iframe .cont-wrap{padding:10px 30px;margin:0 auto;width:100%;max-width:1260px;}
.iframe .tab-menu-wrap { margin-top: 0;}
/* 날씨 아이콘 정리 */
[class*="icon-DB"]{display:inline-block !important;}
[class*="icon-NB"]{display:inline-block !important;}

/* wiki wrapper */
.wiki-frame { padding-left:340px; width: calc(100% - 340px); height: calc(100% - 150px); margin:0; position: absolute; border: none}
.wiki-menu { padding-bottom: 150px;}
.plus_wiki .footer .inqu-wrap { display:none;}
.plus_wiki .right-content { padding:0;}
.plus_wiki .footer{position:fixed; bottom:0}

/* */
.tom-mark{ left: 17px; top:-24px; width: 104px; padding-left:1px; padding-right: 1px; margin-left:32px;}
.tom-mark:after{ left: 12%; transform: translate(-12% , 100%);}

.subp01 #bookmark-dropdown .serch-con { max-height: 2000px;}