@charset "utf-8";

/* base */
table, th, td{border-collapse:collapse;}
.blind, .hide{/*visibility:hidden;*/overflow:hidden;position:absolute;top:-3000px;left:-3000px;width:0;height:0;font-size:0;line-height:0;}
.clb { clear:both;}
.tar{text-align:right !important}
.tac{text-align:center !important}

/* article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;} */
/* input */
input[type="text"], input[type="number"], input[type="password"]{padding:3px;height:38px;border:1px solid #d7d7d7;color:#666;}
input[type="text"].search_text{}
input[type="submit"]{border:none;cursor:pointer;}
input[type="file"]{border:none;padding:1px;}

.w100 {width: 100% !important;}

.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

/* skip */
#skip{ position:absolute;top:0;height:0px;width:100%;z-index:2020;} 
#skip a{ display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;} 
#skip a:focus, 
#skip a:active{ display:block;top:0;width:100%;height:30px;line-height:30px;background:#1c7915;}

a:hover, a:focus{text-decoration:underline;font-weight:600;}



/* fonts */
@font-face {    
    font-family:'NanumSquareB';
    src:url('/fonts/NanumSquareB.TTF.eot') format('eot'),url('/fonts/NanumSquareB.woff') format('woff'); 
}
@font-face {    
    font-family:'NanumGothic';
    src:url('/fonts/NanumGothic.eot') format('eot'),url('/fonts/NanumGothic.woff') format('woff'),url('/fonts/NanumGothic.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumGothicb';
    src: url('/fonts/NanumGothicBold.eot');
    src: url('/fonts/NanumGothicBold.eot?') format('embedded-opentype'),url('/fonts/NanumGothicBold.woff') format('woff'),url('/fonts/NanumGothicBold.ttf') format('truetype');  
}
@font-face {    
    font-family:'NanumMyeongjo';
    src:url('/fonts/NanumMyeongjo.eot') format('eot'),url('/fonts/NanumMyeongjo.woff') format('woff'),url('/fonts/NanumMyeongjo.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumBarunGothic';
    src: url('/fonts/NanumBarunGothic.eot');
    src: url('/fonts/NanumBarunGothic.eot?') format('embedded-opentype'),url('/fonts/NanumBarunGothic.woff') format('woff'),url('/fonts/NanumBarunGothic.ttf') format('truetype');  
}
@font-face {    
    font-family:'NanumBarunGothicl';
    src:url('/fonts/NanumBarunGothicultralight.eot') format('eot'),url('/fonts/NanumBarunGothicultralight.woff') format('woff'),url('/fonts/nanumbarungothicultralight.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumBarunGothicb';
    src:url('/fonts/NanumBarunGothicBold.eot') format('eot'),url('/fonts/NanumBarunGothicBold.woff') format('woff'),url('/fonts/NanumBarunGothicBold.ttf') format('truetype'); 
}
@font-face {    
    font-family:'SeoulNamsanM';
    src:url('/fonts/SeoulNamsanM.eot') format('eot'),url('/fonts/SeoulNamsanM.woff') format('woff'),url('/fonts/SeoulNamsanM.ttf') format('truetype'); 
}
@font-face {    
    font-family:'SeoulNamsanL';
    src:url('/fonts/SeoulNamsanL.eot') format('eot'),url('/fonts/SeoulNamsanL.woff') format('woff'),url('/fonts/SeoulNamsanL.ttf') format('truetype'); 
}
@font-face {    
    font-family:'Dokdo';
    src:url('/fonts/dokdo.eot') format('eot'),url('/fonts/dokdo.woff') format('woff'),url('/fonts/dokdo.ttf') format('truetype'); 
}
#wrap{overflow:hidden;}

/* header */
#header{width:100%; margin:0 auto; height:152px;}
#header:after{display:block;content:'';clear:both;}
#header .headerIn{width:1004px;margin:0 auto;position:relative;height:112px;}
#header h1.hLogo{padding-top:22px;width:151px;float:left;}
#header h1.hLogo a{display:block;overflow:hidden;height:83px;text-indent:-9999em;background:url('/images/01_web/common/h_logo_1.png') no-repeat 0 0;}
#header .headerIn > p a{float:right;padding-top:44px;}
#header .headTop{width:100%;}
#header .headTop .util-wrap{background:#f7f7f7;}
#header .headTop .utilMenu{width:1270px;margin:0 auto;overflow:hidden;}
#header .headTop .utilMenu:after{display:block;content:'';clear:both;}
#header .headTop .utilMenu li{float:left;padding-left:15px;background:url('/images/01_web/common/h_bar.gif') no-repeat 8px 50%;}
#header .headTop .utilMenu li:last-child{display:none;}
#header .headTop .utilMenu li:first-child{padding:0;background:none;}
#header .headTop .utilMenu li a{display:block;color:#666;font-size:0.85em;height:40px;line-height:40px;letter-spacing:0.03em;font-weight:normal;}
#header .headTop .utilMenu .utilLeft, #header .headTop .utilMenu .utilRight ul{float:left;}
#header .headTop .utilMenu .utilRight{float:right;}
#header .headTop .utilMenu .linkBox{float:left;padding:8px 0 0 10px;}
#header .headTop .utilMenu .linkBox:after{display:block;content:'';clear:both;}
#header .headTop .utilMenu .linkBox select{float:left;width:100px;height:24px;background:#fff;border:1px solid #d1d1d1;}
#header .headTop .utilMenu .linkBox a{display:block;float:left;width:30px;height:24px;text-align:center;background:#666;font-size:0.8em;color:#fff;line-height:24px;}

.mainMenu{position:relative;;left:0;width:100%;height:61px;background:#cf343a;}
.mainMenu a {}/*font-family:'NanumBarunGothic','나눔바른고딕';*/
.mainMenu > ul{width:1270px;margin:0 auto;overflow:hidden;}
.mainMenu > ul > li{float:left;width:10%;line-height:60px;}
.mainMenu > ul > li.sub1 > a:hover, .mainMenu > ul > li.sub1.on > a,
.mainMenu > ul > li.sub2 > a:hover, .mainMenu > ul > li.sub2.on > a{background:url('/images/01_web/common/submenu_arrow1.png') no-repeat 50% 100%; text-decoration:underline;}
.mainMenu > ul > li.sub3 > a:hover, .mainMenu > ul > li.sub3.on > a,
.mainMenu > ul > li.sub4 > a:hover, .mainMenu > ul > li.sub4.on > a,
.mainMenu > ul > li.sub5 > a:hover, .mainMenu > ul > li.sub5.on > a,
.mainMenu > ul > li.sub6 > a:hover, .mainMenu > ul > li.sub6.on > a{background:url('/images/01_web/common/submenu_arrow2.png') no-repeat 50% 100%; text-decoration:underline;}
.mainMenu > ul > li.sub1 .title{background: url('/images/01_web/main/bg_nSub1.jpg') no-repeat center;}
.mainMenu > ul > li.sub2 .title{background: url('/upload_data/board_data/BBS_0000181/164480387639784.jpg') no-repeat center;}
.mainMenu > ul > li.sub3 .title{background: url('/upload_data/board_data/BBS_0000181/164480387646594.jpg') no-repeat center;}
.mainMenu > ul > li.sub4 .title{background: url('/upload_data/board_data/BBS_0000181/164480387649747.jpg') no-repeat center;}
.mainMenu > ul > li.sub5 .title{background: url('/upload_data/board_data/BBS_0000181/164480387657223.jpg') no-repeat center;}
.mainMenu > ul > li.sub6 .title{background: url('/upload_data/board_data/BBS_0000181/164480387657354.jpg') no-repeat center;}
.mainMenu > ul > li.sub7 .title{background: url('/upload_data/board_data/BBS_0000181/164480387657495.jpg') no-repeat center;}
.mainMenu > ul > li.sub8 {width:5%; margin-top: 10px; line-height: 20px;}
.mainMenu > ul > li > a{display:block;height:60px;color:#fff;font-size:16px;text-align:center; letter-spacing: -2px;}
.mainMenu > ul > li > a:hover, .mainMenu > ul > li > a:focus{color:#ffdf85;font-weight:normal;text-decoration:underline;}
.mainMenu > div{background:url('/images/01_web/common/h_logo3.png') no-repeat 0 0;width:117px;height:59px;position:absolute;top:-54px;left:50%;text-indent:-9999px;margin-left:-589px;}

.subMenu{width:100%;position:absolute;left:0;background:#fff;box-shadow:1px 1px 5px #999;z-index:111;}
.subMenu > div{width:1003px;height:296px;margin:0 auto;overflow:hidden;border-right:1px solid #e9e9e9;}
.subMenu > div .title{width:320px;height:100%;background:#90d8f1;padding:30px;font-family:'NanumBarunGothic','나눔바른고딕';float:left;}
.subMenu > div .title .tit1{font-size:/*1.05em;*/0;line-height:32px;padding-left:15px;color:#000;/*background:url('/images/01_web/common/img_subtitle.gif') no-repeat;*/letter-spacing:-1px;}
.subMenu > div .title .tit1 span{color:#000; font-weight:bold;}
.subMenu > div .title .tit2{font-size:/*2.2em;*/0;color:#256097;letter-spacing:-1px;/*font-family:'SeoulNamsanM','서울남산체';*/}
.subMenu > div .menu{width:304px;height:100%;padding:20px;float:left;border-right:1px solid #e9e9e9;}
.subMenu > div .menu > li{height:30px;line-height:32px;padding:4px 0;font-size:1.03em;}
.subMenu > div .menu > li > a{padding-left:10px;display:block;background:url('/images/01_web/common/submenu_arrow3.png') no-repeat 97% -48px;}
.subMenu > div .menu > li > a:hover, .subMenu > div .menu > li > a:focus{color:#000;font-weight:normal;text-decoration:underline;background:#ffb804 url('/images/01_web/common/submenu_arrow3.png') no-repeat 97% -10px;}
.subMenu > div .banner{width:375px;padding:5px 40px;float:left;}
.subMenu > div .banner ul > li{height:82px;border:1px solid #e1e1e1;border-radius:5px;margin-top:30px;padding:15px 34px;line-height:1;background:url('/images/01_web/common/bg_banner.png') no-repeat;}
.subMenu > div .banner ul > li.bann01{background-position:100% 0;}
.subMenu > div .banner ul > li.bann02{background-position:100% -105px;}
.subMenu > div .banner ul > li span{display:block;color:#666;margin-bottom:6px;}
.subMenu > div .banner ul > li strong{font-size:1.5em;color:#262326;}

/* Banner */
#banner{border-bottom:1px solid #e5e5e5;padding:15px 0;}
.bnr{width:1004px;margin:0 auto;overflow:hidden;}
.bnr > div{float:left;}
.bnr > div > ul{overflow:hidden;}
.bnr > div > ul > li{float:left;}
.bnr > div.bnrCtrl{width:18%;padding-top:8px;}
.bnr > div.bnrCtrl > ul{float:left;}
.bnr > div.bnrCtrl > span{display:inline-block;font-weight:bold;color:#666;padding:0 10px;line-height:28px;}
.bnr > div.bnrList{width:82%;height:40px;}
/* .bnr > div.bnrList > div, .bnr > div.bnrList > div > ul {width:1004px !important;height:40px !important;} */
.bnr > div.bnrList > div, .bnr > div.bnrList > div > ul {width:810px !important;height:40px !important;}
.bnr > div.bnrList > div > ul > li{padding-left:15px;height:40px;float:left;}
.bnr > div.bnrList > div > ul > li > a{width:100%;height:100%;display:block;}

/* Banner 

.banner_zone{}
.bn_area{position:relative;width:1000px;margin:0 auto;height:79px;}
.banner_zone h2{position:absolute;top:15px;left:12px;font-size:1.1em;font-weight:600;}
.banner_zone .btn_set{position:absolute;top:39px;left:0;}
.banner_zone div.banner_img{overflow:hidden;margin:0 0 0 137px;padding:22px 0 22px 16px;border-left:solid 1px #d9d9d9;}
.banner_zone div.banner_img li{float:left;padding:0 5px;}
.banner_zone div.banner_img li img{border:solid 1px #d5d5d5;}

*/




/* footer */
#footer{width:100%;font-size:0.9em;}
.footUtill{width:1004px;margin:0 auto;padding:25px 0;overflow:hidden;}
.footUtill .fLogo{float:left;margin-right:40px;}
.footUtill .fMenu{float:left;}
.footUtill .fMenu ul{overflow:hidden;margin-bottom:10px;}
.footUtill .fMenu ul > li{float:left;background:url('/images/01_web/common/f_bar.gif') no-repeat 0 50%;padding:0 13px;font-weight:600;}
.footUtill .fMenu ul > li:first-child{background:none;padding-left:0;}
.footUtill .fMenu address{color:#747474;/*padding-top:15px;*/}
.footUtill .fMenu .copyright{color:#747474;font-size:0.9em;margin-top:5px;}


/*h4,h5,p태그*/
h4.title{background:url('/images/01_web/board/h4_img_1.png') no-repeat 0 9px;line-height:1.6;padding-left:22px;font-size:22px;font-weight:600;color:#4b4b4b;}
h4.top_h4{margin-top:80px;}
h4.magt_h4{margin-top:40px;}
div.h4{padding:25px 0 0 0px;overflow:hidden;}
div.p_txt{}
div.p_txt h5.p_h5{font-size:25px;color:#1095c3;font-family:"SeoulNamsanL";margin-bottom:15px;}
div.p_txt .pmagt_h5{margin-top:35px;}
div.p_txt p{font-size:15px;line-height:30px;color:#636363;letter-spacing:-0.1em;margin:25px 0;}


/*ul 블릿*/
.bu01 > li{padding-left: 20px;background: url('/images/01_web/common/bul_ul.png')no-repeat 10px 11px;margin-bottom:10px;}
.bu01 > li > ul{margin: 15px 0;}
.bu01 > li > ul > li{padding-left:10px;background:url('/images/01_web/common/bul_ulul.png')no-repeat 0 8px; margin-bottom:10px;}

.bu01.type2 > li{float:left;width:20%;}

.mainMenu > div.hangleType{width:77px; height: 99px; background: url("/upload_data/board_data/BBS_0000181/162847150214441.png"); top:-99px;}
#header .headerIn.thereType{display: flex; justify-content: space-between; align-items:center;}
#header .headerIn.thereType > img{max-width: 100%; width:160px; height: 79px;}

.border-box{width:100%; box-sizing: border-box; padding:30px; border:1px solid #e1e1e1;}
.border-box p {color:#666; font-family:'NotokrR';}

.border-box.type02{border:12px solid #f7f7f7;}

.border-box.p10, .dashed-box.p10{padding:10px;}
.border-box.p15, .dashed-box.p15{padding:15px;}

@media all and (max-width:1200px){
    .dashed-box, .border-box{padding:20px;}
}

@media screen and (max-width:640px){
    .dashed-box, .border-box{padding:15px;}
}

.cont-list.step01 > li{position:relative; color:#333; padding-left:15px; font-size: 1.067em; margin-bottom:10px; line-height:140%; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step01 > li:before{position:absolute; top:10px; left:0px; width:6px; height:2px; background:#404040; content:""; border-radius:0px;}
.cont-list.step01 > li:last-child{margin-bottom:0px;}
.cont-list.step01 .cont-list.step02{padding:5px 0px;}

.cont-list.step02 > li{position:relative; font-size:0.933em; color:#666; padding-left:12px; line-height:140%; margin-bottom:4px; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step02 > li:before{position:absolute; top:9px; left:0px; width:3px; height:3px; background:#878787; content:""; border-radius: 50%;}
.cont-list.step02 > li:last-child{margin-bottom:0px;}

h4.cont-title{position:relative; color:#009b63; font-size:30px;}

@media all and (max-width:1000px){
    .cont-list.step01 > li{ padding-left:10px;}
    .cont-list.step01 > li:before{top:7px;}

    .cont-list.step02 > li{ padding-left:12px;}
    .cont-list.step02 > li:before{top:7px; width:5px;}

    .cont-list.list3 > li, .cont-list.list4 > li{width:49%;}
    .cont-list.list5 > li{width:32.333%;}

    .cont-list.step01 > li{padding-left:13px; font-size:14px;}

    .cont-list.step02 > li{padding-left:8px; font-size:0.933em;}
    .cont-list.step02 > li span{top:8px;}
}

@media only screen and (max-width:680px){
    h4.cont-title{font-size:23px; padding-top:8px;}
    .cont-list.step01 > li{font-size:14px;}
    .cont-list.step02 > li{font-size:14px;}
    .cont-list.step02 > li:before{top:6px;}
    .cont-list > li {width:100% !important;}

    .cont-list.step01 > li span{top:7px;}
    .cont-list.num > li{font-size:14px;}
}

.bd-no{border:none !important;}
.bd-r-no, .bd-rn{border-right:none !important;}
.bd-t{border-top:1px solid #d5d5d5!important;}
.bd-l{border-left:1px solid #d5d5d5!important;}
.bd-b{border-bottom:1px solid #d5d5d5!important;}
.bd-r{border-right:1px solid #d5d5d5!important;}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 울산큰애기 상품 안내 */
.border-box {width: 100%; box-sizing: border-box; padding: 30px; border: 1px solid #e1e1e1;}
h4.cont-title {position: relative; color: #009b63; font-size: 30px;}
.cont-list.step01 > li {position: relative; color: #333; padding-left: 15px;
font-size: 1.067em; margin-bottom: 10px;line-height: 140%; font-family: 'NotokrR';
box-sizing: border-box;}
.cont-list.step01 > li:before {position: absolute;top: 10px; left: 0px; width: 6px;
height: 2px; background: #404040; content: ""; border-radius: 0px;}
.marketBdWrap {display: flex; align-items: center; margin-top: 30px;}
.marketBdWrap .imgWrap {width: 40%;}
.marketBdWrap .imgWrap img{width: 100%;}
.marketBdWrap .txtWrap {width: 80%;}
.marketBdWrap .txtWrap h5 {position: relative; font-size: 18px; margin-bottom: 7px; padding-left: 15px;}
.marketBdWrap .txtWrap h5::before {content: ''; position: absolute; top: 4px; left: 0; width: 10px; height: 10px; background-color: #009b63; border-radius: 50%;}
.marketBdWrap .txtWrap ul {margin-bottom: 20px;}
.marketBdWrap .txtWrap ul:last-child {margin-bottom: 0;}
.marketBdWrap .txtWrap ul li {color: #333;}