@charset "UTF-8";

/* SUB PAGE // wrtanc Detail */
@media screen and (min-width: 1024px){
	/* PC device support */
	#sub .wrtancView{padding-top: 30px;}
	#wrap .wrtancView .pageTitArea.pcWidth>h4{line-height: normal; padding: 14px 20px;}
	.wrtancView .infoArea{background: #F3F3F3; padding: 0 30px;}
	.wrtancView .contArea .infoArea > div .depart{color: #323232; font-size: 15px; line-height: 55px; padding-right: 10px;}
	.wrtancView .contArea .infoArea > div .wrtDate{color: #858585; font-size: 15px; font-weight: 300; line-height: 54px;}
	.wrtancView .contArea .infoArea > div .wrtDate:before{vertical-align: -1px; margin-right: 5px;}
	.wrtancView .contArea .wrtancDetail{width: 100%; display: table;}
	.wrtancDetail dl{background: #FBFBFB; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #E1E1E1;}
	.wrtancDetail dt, .wrtancDetail dd{line-height: 43px; border-top: 1px solid #E1E1E1;}
	.wrtancDetail dt:nth-of-type(-n+2), .wrtancDetail dd:nth-of-type(-n+2){border-top: none;}
	.wrtancDetail dt{width: 170px; color: #323232; font-size: 16px; padding-left: 18px;}
	.wrtancDetail dd{background: #FFF; min-height: 45px;}
	.wrtancDetail .col2 ~ dt:nth-of-type(odd):not(:first-child), .wrtancDetail .col1 ~ dt:not(:first-child){clear: left;}
	.wrtancDetail dt[class*="axi"]:before{color: #CCC; font-size: 16px; vertical-align: -2px; margin-right: 7px;}
	.wrtancDetail dt.axi-map-marker, .wrtancDetail dt.axi-map-marker + dd{border-top: 1px solid #7A7A7A;}
	.wrtancDetail dd.col1{width: calc(100% - 170px);}
	.wrtancDetail dd.col2{width: calc(50% - 170px);}
	.wrtancDetail .cont{color: #838383; font-size: 15px; font-weight: 300; padding-left: 18px;}
	.wrtancDetail dt.axi-thumb-tack + .cont{line-height: 24px; padding: 10px 18px;}
	.wrtancDetail .wrtancTxt{width: 100%; color: #676767; font-size: 15px; font-weight: 300; text-align: justify; line-height: inherit; white-space: pre-wrap; border-top: 1px solid #0B90B6; padding: 50px 55px;}
	.wrtancDetail .wrtancMap{width: 1000px; height: 345px;}
	.wrtancDetail .wrtancMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.wrtancDetail .wrtancMap #map + #layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#sub .wrtancView{padding-top: 0;}
	.wrtancView .infoArea{background: #F3F3F3; padding: 0 25px;}
	.wrtancView .contArea .infoArea > div .depart, 
	.wrtancView .contArea .infoArea > div .wrtDate{font-size: 30px; line-height: 83px;}
	.wrtancView .contArea .infoArea > div .depart{color: #323232; padding-right: 25px;}
	.wrtancView .contArea .infoArea > div .wrtDate{color: #858585; font-weight: 300;}
	.wrtancView .contArea .infoArea > div .wrtDate:before{vertical-align: -1px; margin-right: 5px;}
	.wrtancView .contArea .wrtancDetail{width: 100%; display: table;}
	.mWidth .wrtancDetail dl{background: #FBFBFB; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail dt, .mWidth .wrtancDetail dd{line-height: 78px; border-top: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail dt:first-of-type, .mWidth .wrtancDetail dd:first-of-type{border-top: none;}
	.mWidth .wrtancDetail dt{width: 198px; color: #323232; font-size: 30px; padding-left: 22px;}
	.mWidth .wrtancDetail dd{background: #FFF; min-height: 81px; padding-left: 12px;}
	.mWidth .wrtancDetail dt[class*="axi"]:before{color: #CCC; font-size: 30px; vertical-align: -2px; margin-right: 16px;}
	.mWidth .wrtancDetail dt.axi-map-marker, .wrtancDetail dt.axi-map-marker + dd{border-top: 1px solid #7A7A7A;}
	.mWidth .wrtancDetail dd.col1, .mWidth .wrtancDetail dd.col2{width: calc(100% - 198px); border-left: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail .cont{color: #838383; font-size: 30px; font-weight: 300;}
	.mWidth .wrtancDetail dt.axi-thumb-tack + .cont{line-height: inherit; padding: 13px 18px 10px;}
	.mWidth .wrtancDetail dt.axi-paper-clip + dd{min-height: 81px;}
	#sub .mWidth .wrtancDetail .attfileList{padding: 0;}
	#sub .mWidth .wrtancDetail .attfileList li{line-height: inherit;}
	.mWidth .wrtancDetail .wrtancTxt{width: 100%; color: #676767; font-size: 28px; font-weight: 300; text-align: justify; line-height: inherit; border-top: 1px solid #0B90B6; padding: 51px 26px;}
	.mWidth .wrtancDetail .wrtancMap{width: calc(100vw - 40px); height: 346px; padding-left: 0;}
	.mWidth .wrtancDetail .wrtancMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.mWidth .wrtancDetail .wrtancMap #map + #layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#sub .wrtancView{padding-top: 0;}
	.wrtancView .infoArea{background: #F3F3F3; padding: 0 10px;}
	.wrtancView .contArea .infoArea > div .depart, 
	.wrtancView .contArea .infoArea > div .wrtDate{font-size: 13px; font-weight: 300; line-height: 38px;}
	.wrtancView .contArea .infoArea > div .depart{color: #323232; padding-right: 10px;}
	.wrtancView .contArea .infoArea > div .wrtDate{color: #858585;}
	.wrtancView .contArea .infoArea > div .wrtDate:before{vertical-align: -1px; margin-right: 5px;}
	.wrtancView .contArea .wrtancDetail{width: 100%; display: table;}
	.mWidth .wrtancDetail dl{background: #FBFBFB; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail dt, .mWidth .wrtancDetail dd{line-height: 36px; border-top: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail dt:first-of-type, .mWidth .wrtancDetail dd:first-of-type{border-top: none;}
	.mWidth .wrtancDetail dt{width: 88px; color: #323232; font-size: 13px; padding-left: 8px;}
	.mWidth .wrtancDetail dd{background: #FFF; min-height: 37px; padding-left: 12px;}
	.mWidth .wrtancDetail dt[class*="axi"]:before{color: #CCC; font-size: 16px; vertical-align: -2px; margin-right: 7px;}
	.mWidth .wrtancDetail dt.axi-map-marker, .wrtancDetail dt.axi-map-marker + dd{line-height: inherit; border-top: 1px solid #7A7A7A;}
	.mWidth .wrtancDetail dd.col1, .mWidth .wrtancDetail dd.col2{width: calc(100% - 88px); border-left: 1px solid #E1E1E1;}
	.mWidth .wrtancDetail .cont{color: #838383; font-size: 12px; font-weight: 300;}
	.mWidth .wrtancDetail dt.axi-thumb-tack + .cont{line-height: inherit; padding: 8px 12px;}
	.mWidth .wrtancDetail dt.axi-paper-clip{line-height: inherit;}
	.mWidth .wrtancDetail dt.axi-paper-clip + dd{min-height: 50px;}
	#sub .mWidth .wrtancDetail .attfileList{padding: 0;}
	#sub .mWidth .wrtancDetail .attfileList li{line-height: inherit;}
	.mWidth .wrtancDetail .wrtancTxt{width: 100%; color: #676767; font-size: 12px; font-weight: 300; text-align: justify; line-height: inherit; border-top: 1px solid #0B90B6; padding: 26px 13px;}
	.mWidth .wrtancDetail .wrtancMap{width: calc(100vw - 20px); height: 152px; padding-left: 0;}
	.mWidth .wrtancDetail .wrtancMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.mWidth .wrtancDetail .wrtancMap #map + #layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
}