@charset "UTF-8";


.hanam_map_wrapper  { position: relative;width:100%; max-width: 1920px; height:520px; /*margin-bottom: 32px;  */margin-top:20px;    border: 0px solid #DEDEDE;    z-index: 0;margin:0 auto;}
.hanam_map { float: left; position: relative; width: 100%; height: 100%; min-height: 520px; }
#map {height:100%;height:520px; border: 1px solid #e5e7ee;border-radius:5px; }
#map2 {height:100%;height:520px; border: 1px solid #e5e7ee;border-radius:5px; }
#map3 {height:100%;height:520px; border: 1px solid #e5e7ee;border-radius:5px; }
.hanam_map_naver {width: 100%;}
.hanam_map_naver > div { /*width: 100% !important; height: 100% !important;*/ }
.hanam_map_naver > div > div { /*width: 100% !important; height: 100% !important;*/ }
.hanam_map_address { width: 32%; padding: 100px 50px; border: 1px solid #DEDEDE; background: #FFFFFF; }

.l-h-2 {
  font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 10px;
    color: #222;
}
	.main-body-txt {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.7;
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
}
.main-body-txt {
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 0px;
    color: #333;
}


.main-body-txt-eng {
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 10px;
    color: #222;
}

.main-body-txt-eng a{
    color: #222;
}

.hanam_map_wrapper	.map_wrapper{
		position: absolute;z-index:10;color: #000 !important;
		background: #FFF; padding: 20px; top: 15px;left: 20px; width: 340px;height: 130px;opacity: 0.9;border-radius:5px;
	}
	.contactinfo-wrap {
    position: relative;
}


@media (max-width: 1920px){

.hanam_map_wrapper  { position: relative; width: 100%; height:520px; /*margin-bottom: 32px;  */margin-top:20px;    border: 0px solid #DEDEDE;    z-index: 0;margin:0 auto;}

}



.map_txt h3 {
    font-size: 16px;
    line-height: 36px;
	    font-weight: 500;
    font-family: Roboto,Lato,Noto Sans KR, 맑은고딕, sans-serif;
}







.inner-width {
    max-width: 1173px;
    margin: 0 auto;
    /*padding: 0 8.3%;*/
}


.inner-width.twrap {
    max-width: 83%;
    margin: 0 auto;
    /*padding: 0 8.3%;*/
}

.inner-width dl.text-dl.horizontal.rnd {
    margin-top: -29px;
	/*margin-top: 0px*/
	min-height:140px;
}
.inner-width dl.text-dl.horizontal {
    position: relative;
    padding-left: 0px;
    min-height: 115px;
    /*margin-bottom: 100px;*/
}
.inner-width dl.text-dl {
    color: #323236;
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
}
.inner-width dl.text-dl dt strong {
   display: block;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
	color: #888;
	font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
}
.inner-width dl.text-dl.horizontal dt {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 550px;    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;font-weight: 700;    color: #121e34;    font-family: "gmarket",sans-serif;
    font-weight: 600;
	    font-size: 30px;
    line-height: 36px;
}
.inner-width dl.text-dl dt {

    font-weight: 300;
    font-size: 40px;
    line-height: 46px;

}
.inner-width dl.text-dl dt.cc {
    font-weight: 300;
    font-size: 45px;
    line-height: 46px;
	text-transform: uppercase;
}
.inner-width dl.text-dl.horizontal dd {
    padding-left: 460px;
    padding-top: 00px;
  font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    text-align: justify;
color:#282828;


	    font-size: 14px;
    line-height: 30px;
}

.inner-width dl.text-dl.horizontal dd span{
   font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
 color:#000;
    font-size: 14px;
}


.inner-width dl.text-dl dd {
    font-size: 14px;
    line-height: 28px;
}

.inner-width dl.text-dl.horizontal:after {
    content: '';
    display: block;
    clear: both;

}
.inner-width .text-dl dt .button-common-stroke {
    min-width: 230px;
    margin-top: 17px;
}










.inner-width dl.text-dl.horizontal dd span{
   font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    color: #000;

}
.inner-width dl.text-dl dd {
    font-size: 14px;
    line-height: 28px;
}

.inner-width dl.text-dl.horizontal .left_area{float: left;width: 100%;}
.inner-width dl.text-dl.horizontal .left_area .tit{font-size: 13px;color: #be9336;font-weight: bold;letter-spacing: 1px;line-height: 43px;padding-bottom: 25px;}
.inner-width dl.text-dl.horizontal .left_area .desc{font-size: 13px;line-height: 28px;  padding-bottom: 60px;}
.inner-width dl.text-dl.horizontal .left_area .qna{font-size: 13px;border-top:1px solid #ebebeb;overflow: hidden;width: 480px;}
.inner-width.twrap dl.text-dl.horizontal .left_area .qna{font-size: 13px;border-top:1px solid #ebebeb;overflow: hidden;width: auto;}
.inner-width dl.text-dl.horizontal .left_area .qna.first{border-top:none}
.inner-width dl.text-dl.horizontal .left_area .qna span{float: left;clear: both;width: 75px;line-height: 25px;padding: 10px 0;font-size:13px;  font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;font-weight:600;}
.inner-width dl.text-dl.horizontal .left_area .qna p{float: left;line-height: 25px;padding: 10px 0; letter-spacing: 0.6px;font-size:13px; font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;}




.inner-width dl.text-dl.horizontal .left_area .qna p a{color:#282828;}



.pd2 {
    padding: 40px 2% 0 2%;
}
#map {
    width: 100%;
    height: 520px;
}

#map2 {
    width: 100%;
    height: 520px;
}
#map3 {
    width: 100%;
    height: 520px;
}


@media (max-width: 767px){


#map {height:100%;height:420px;  }
#map2 {height:100%;height:420px;  }
#map3 {height:100%;height:420px;  }

.inner-width dl.text-dl.horizontal .left_area {
    float: left;
    width: 100%;
	padding-bottom:0px;
}
.inner-width dl.text-dl.horizontal .left_area .qna {
    width: 100%;
}
#guam_map {
    height: 380px;
    width: 100%;
    margin: 0 auto;
}
.inner-width dl.text-dl.horizontal dt {
    max-width: 100%;
}

.hanam_map {
  
    min-height: 420px;
}
.hanam_map_wrapper {
    position: relative;
    width: 100%;
    height: 420px;

}
.hanam_map_wrapper .map_wrapper {
    position: absolute;
    z-index: 10;
    color: #000 !important;
    background: #FFF;
        padding: 14px 20px;
    top: 10px;
    left: 10px;
    width: 280px;
    height: 90px;
    opacity: 0.9;border-radius:5px;
}

.l-h-2 {
   font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-size: 17px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #333;
}
.main-body-txt {
  font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 4px;
}
.main-body-txt-eng {
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif; 
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px;
    color: #333;
}
}

.row-delimeter-wrapper {
    display: block;
    width: 100%;
    height: 120px;
    background: #f2f5f8;
}

.row-delimeter-wrapper.mediax {
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 520px;
    background: 0 0;    margin-top: 0px;
}


.row-delimeter-wrapper .row-delimeter {
    display: block;
    height: 120px;
    margin-left: -webkit-calc((100% - 960px)/ 2 - 120px);
    margin-left: -moz-calc((100% - 960px)/ 2 - 120px);
    margin-left: calc((100% - 960px)/ 2 - 120px);
    background-color: #fff;
}
.row-delimeter-wrapper.mediax:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    bottom: 0;
    height: 72px;
    background: #fff;
}
.row-delimeter-wrapper.mediax .row-delimeter {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 1260px;
    height: 72px;
    margin: 0 auto;
    padding-left: 60px;
    line-height: 80px;
}

.row-delimeter-wrapper.mediax .row-delimeter.ttwrap {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 90%;
    height: 52px;
    margin: 0 auto;
    padding-left: 60px;
    line-height: 80px;
	border-radius:5px 5px 0 0;
	border-top:1px solid #e5e7ee;
	border-left:1px solid #e5e7ee;
	border-right:1px solid #e5e7ee;
}

.main-body-txt-eng{


font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 500;
	   color:#323236;
}

.main-body-txt {
    color:#323236;
font-weight: 500;
font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
}

.bg_loaded .article_visual_bg {
    -webkit-transform: translateZ(0) scale(1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg);
}
@media (max-width: 767px){
.inner-width {
    padding: 0;
}
.row-delimeter-wrapper.mediax .row-delimeter {
    margin-left: -webkit-calc((100% - 768px)/ 2);
    margin-left: -moz-calc((100% - 768px)/ 2);
    margin-left: calc((100% - 768px)/ 2);
    height: 36px;
    margin-left: 32px;
    padding-left: 20px;
    line-height: 40px;
}
.inner-width {
    padding: 0 8px;
}

.inner-width dl.text-dl.horizontal dt {
    position: static;
}
.inner-width dl.text-dl dt strong {
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 22px;
}
.inner-width dl.text-dl dt {
    font-size: 20px;
    line-height: 22px;
	font-weight: 400;
}

.inner-width dl.text-dl dt.cc {
 
    font-size: 22px;
        line-height: 26px;
}

.inner-width dl.text-dl.horizontal dd {
    padding: 0;
    padding-top: 12px;
}
.inner-width dl.text-dl.horizontal dd {
    line-height: 23px;
}
.inner-width dl.text-dl dd {
    padding-top: 15px;
    font-size: 14px;
    line-height: 22px;

    font-weight: 400;
}
.inner-width dl.text-dl.horizontal.rnd {
    /*margin: -19px 0 40px 0;
    padding-left: 35px;
    padding-bottom: 59px;*/
	margin: -19px 0 0px 0;
    padding-left: 0px;
    /* padding-bottom: 59px; */
}


.inner-width dl.text-dl.horizontal.rnd.cc {
    margin: -19px 0 40px 0;
    padding-left: 0px;
   /* padding-bottom: 59px;*/
}

.inner-width dl.text-dl.horizontal {
    padding: 0;
    min-height: inherit;
}
.row-delimeter-wrapper.mediax figure img {
    width: auto;
    max-height: 100%;
}
.row-delimeter-wrapper.mediax {
    height: 420px;

}
.row-delimeter-wrapper.mediax:after {
    height: 36px;
}
.main-body-txt {

    font-size: 12px;

}
.hanam_map_wrapper .map_wrapper {

    width: 200px;
    padding: 14px 10px;
}

.l-h-2 {
    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 700;
    font-size: 14px;

}
.main-body-txt-eng{

    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-weight: 700;
}
.havenue_local .traffic {
    padding: 15px 0 15px 0px;
}

.l-h-2 {


    padding-bottom: 0px;

}
.main-body-txt-eng {
    font-size: 12px;
}


}

.wrap-map-info {position: absolute;left: 0;bottom: 40px;width: 288px;height:115px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;line-height: 1.5;}
.wrap-map-info .info {width: 286px;height: auto;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;background: #fff;position: relative;}
.wrap-map-info .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.wrap-map-info .info .title {padding:.25rem 1rem;background: #eee;border-bottom: 1px solid #ddd;font-size:.85rem;font-weight: bold;}
.wrap-map-info .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.wrap-map-info .info .close:hover {cursor: pointer;}
.wrap-map-info .info .body {position: relative;overflow: hidden;}
.wrap-map-info .info .desc {position: relative;margin:1rem;}
.wrap-map-info .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrap-map-info .info:after {content: '';position: absolute;margin-left:-12px;left: 50%;bottom:-12px;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.wrap-map-info .info .link {color: #5085BB;}

.radius_border{border:1px solid #e5e7ee;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:10;font-size:12px;    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;}
.custom_typecontrol span {display:block;width:64px;height:30px;float:left;text-align:center;line-height:28px;cursor:pointer;padding:0;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);font-size:13px;   color: #000;}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#090f33;background:linear-gradient(#121e34, #090f33);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;z-index:10;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;margin-top:11px;border:none;display:inline-block;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #e5e7ee;} 

@media (max-width: 767px){
.inner-width dl.text-dl.horizontal dd {

    text-align: left;

}
}



.inner-width dl.text-dl.horizontal dd.two {
    padding-left: 0px;
    padding-top: 0px;
  font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    text-align: justify;
    color: #282828;
    font-size: 14px;
    line-height: 30px;
    padding-right: 30px;
}



.inner-width dl.text-dl.horizontal dd span{
    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
 color:#000;
    font-size: 14px;
}


.inner-width dl.text-dl dd {
    font-size: 14px;
    line-height: 28px;
}

.inner-width dl.text-dl.horizontal:after {
    content: '';
    display: block;
    clear: both;

}
.inner-width .text-dl dt .button-common-stroke {
    min-width: 230px;
    margin-top: 17px;
}










.inner-width dl.text-dl.horizontal dd span{
     font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    color: #000;
   
}
.inner-width dl.text-dl dd {
    font-size: 14px;
    line-height: 28px;
}

.inner-width dl.text-dl.horizontal .left_area{float: left;width: 100%;}
.inner-width dl.text-dl.horizontal .left_area .tit{font-size: 13px;color: #be9336;font-weight: bold;letter-spacing: 1px;line-height: 43px;padding-bottom: 25px;}
.inner-width dl.text-dl.horizontal .left_area .desc{font-size: 13px;line-height: 28px;  padding-bottom: 60px;}
.inner-width dl.text-dl.horizontal .left_area .qna{font-size: 13px;border-top:1px solid #ebebeb;overflow: hidden;/*width: 480px;*/}
.inner-width dl.text-dl.horizontal .left_area .qna.first{border-top:none}
.inner-width dl.text-dl.horizontal .left_area .qna span{float: left;clear: both;width: 21%;line-height: 25px;padding: 10px 0;font-size:13px;}
.inner-width dl.text-dl.horizontal .left_area .qna p{float: left;line-height: 25px;padding: 10px 0; letter-spacing: 0.6px;font-size:13px;}


.inner-width.cc dl.text-dl.horizontal {

    padding-left: 0px;

}


@media (max-width: 1280px){

.inner-width dl.text-dl.horizontal dt {
    position: relative;
    top: 20px;
    left: 30px;
}
.inner-width dl.text-dl.horizontal dd {
    padding-left: 420px;

}
.inner-width dl.text-dl.horizontal dd {

    text-align: left;

}
.inner-width dl.text-dl.horizontal dd {
   padding-left: 20px;
    padding-top: 40px;
    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    text-align: justify;
    color: #282828;
    font-size: 14px;
    line-height: 30px;
    padding-right: 30px;
}
.inner-width.cc {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 8.3%;
    margin-top: 0px;
}
}

@media (max-width: 767px){
.inner-width dl.text-dl.horizontal dd {

    text-align: left;

}
.inner-width.cc {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 8.3%;
    margin-top: 0px;
}
.row-delimeter-wrapper.mediax .row-delimeter {
    
    /*display: none;*/
}

.inner-width dl.text-dl.horizontal dd {
   padding-left: 0px;
    padding-top: 40px;
      font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;
    text-align: justify;
    color: #282828;
    font-size: 14px;
    line-height: 30px;
    padding-right: 0px;
}

}





.inner-width dl.text-dl.horizontal dd span.location_traffic_icon {
    line-height: 2.2;
    font-size: 12px;
}
.inner-width dl.text-dl.horizontal dd span.location_traffic_icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 2;
    padding: 0 14px;
    border-radius: 20px;
}

.inner-width dl.text-dl.horizontal dd span.green{
background: #48922D;
color:#fff;
}

.inner-width dl.text-dl.horizontal dd span.blue{
background: #386DE8;
color:#fff;
}
.inner-width dl.text-dl.horizontal dd span.blue2{
background: #395CB3;
color:#fff;
}


.inner-width dl.text-dl.horizontal dd span {
line-height:1.5;
}
.inner-width dl.text-dl.horizontal dd span.str {
 
    color: #000;
    font-weight: 700;
  

}

.inner-width dl.text-dl.horizontal dd span {
    line-height: 2.5;
    font-size: 16px;
}

.inner-width dl.text-dl.horizontal dd span.cc {
    line-height: 1.5;
    font-size: 14px;
}

.inner-width dl.text-dl.horizontal dd span.yellow{


background: #d1a62c;
color:#fff;
}

.inner-width dl.text-dl.horizontal dd span.red{


background: #DF121A;
color:#fff;
}

.inner-width dl.text-dl.horizontal dd span.red2{


background:#D01118;
color:#fff;
}






.inner-width dl.text-dl.horizontal dd span.sky{


background: #30B4DA;
color:#fff;
}
.inner-width dl.text-dl.horizontal dd span.gold{


background: #BF9E44;
color:#fff;
}


.inner-width dl.text-dl.horizontal dd span.mgt20{

    line-height: 2.5;
    font-size: 18px;
	margin-bottom:30px;
}
.inner-width dl.text-dl.horizontal dd span.n_green{

background: #00C73C;
    color: #fff;
padding: 4px 14px;
    line-height: 1.5;
    font-size: 13;
}
.inner-width dl.text-dl.horizontal dd span.n_yellow{

background:#FAE100;
    color: #47292B;
padding: 4px 14px;
    line-height: 1.5;
    font-size: 13;
}









.advMapBtn {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 0px solid #eee;
    padding: 20px;
	}

.bGreenBtn.bol,.bYellowBtn.bol  {
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:700;
}

.bGreenBtn {
    display: inline-block;
    padding: 0 35px;
    height: 52px;
    line-height: 50px;
    font-size: 18px;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    color: #fff;
    text-align: center;
    border: 2px solid #00C73C;
    border-radius: 30px;
	background: #fff;font-weight:700;
	    color: #00C73C;
    text-align: center;
    border: 2px solid #00C73C;
}

.bYellowBtn {
    display: inline-block;
    padding: 0 35px;
    height: 52px;
    line-height: 50px;
    font-size: 18px;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    color: #391B1B;
    text-align: center;
    border: 2px solid #F1D900;
    border-radius: 30px;
		background: #fff;
		    color: #FAE100;
    text-align: center;
    border: 2px solid #FAE100;
}


.directionsDiv{width:100%; margin:80px auto 0;}
.directionsDiv .mapDiv .mobile{display:none;}
.directionsDiv .localT:before{display:block; content:""; width:16px; height:30px; content: '\E91E';
    /* top: 7px; */
    font-size: 19px;
    font-family: 'nc-font';
    left: -4px;
    position: relative; position:absolute;top:0;left:0;}
.directionsDiv .localT{font-size:20px; color:#000; line-height:30px; position:relative; padding-left:25px; margin-top:50px;    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;font-weight:600;}
.directionsDiv .clearDiv{border-top:1px solid #e1e1e1; margin-top:20px; padding-top:40px;}
.directionsDiv .clearDiv:after{content:""; display:block; clear:both;}
.directionsDiv .clearDiv .leftDiv{float:left; width:50%;}
.directionsDiv .clearDiv .rightDiv{float:right; width:50%;}
.directionsDiv .clearDiv div .tit{font-size:20px; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000;text-align:left;font-weight:600;}
.directionsDiv .clearDiv div ul{margin-top:20px;}
.directionsDiv .clearDiv div ul li{font-size:16px; line-height:30px; margin-top:5px;}
.directionsDiv .clearDiv div ul li:first-child{margin-top:0;}
.directionsDiv .clearDiv div ul li p{display:inline-block;    font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif;font-weight:500;}
.directionsDiv .clearDiv .leftDiv ul li .label{width:100px;}
.directionsDiv .clearDiv .leftDiv ul li .label span{display:inline-block; width:25px; height:25px; border-radius:12.5px; margin-right:10px;font-weight:500; font-size:13px;font-family: 'Maven Pro', 'Montserrat', "Pretendard",sans-serif; line-height:25px; color:#fff; text-align:center;padding:0;}
.directionsDiv .clearDiv .leftDiv ul li:first-child .label{color:rgb(137, 54, 224)}
.directionsDiv .clearDiv .leftDiv ul li:first-child .label span{background:rgb(137, 54, 224)}
.directionsDiv .clearDiv .leftDiv ul li:nth-of-type(2) .label{color:#CCAE0A}
.directionsDiv .clearDiv .leftDiv ul li:nth-of-type(2) .label span{background:#CCAE0A}
.directionsDiv .clearDiv .rightDiv ul li .label{display:inline-block; width:50px; height:26px; line-height:26px; border-radius:15px; font-size:15px;font-weight:500; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; text-align:center; margin-right:18px;}
.directionsDiv .clearDiv .rightDiv ul li:first-child .label{background:#66A7D1}
.directionsDiv .clearDiv .rightDiv ul li:nth-of-type(2) .label{background:#F95850}
.directionsDiv .clearDiv .rightDiv ul li:nth-of-type(3) .label{background:#85C802}
.directionsDiv .clearDiv .rightDiv ul li:nth-of-type(4) .label{background:#3D6DD8}
.directionsDiv .clearDiv .rightDiv ul li:nth-of-type(5) .label{background:#F95850}
.directionsDiv .clearDiv .rightDiv ul li:nth-of-type(6) .label{background:#85C802}
.directionsDiv .grayBox {margin-top:50px; padding:40px 10px 40px 50px; background:#f8f8f8;position:relative;border-radius:5px;}
.directionsDiv .grayBox:before {content: '\E933';
     top: 40%;
    font-size: 18px;
    font-family: 'nc-font';
    left: 24px;
	position:absolute;
}
.directionsDiv .grayBox .tit {font-size:24px; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; margin-bottom:29px;}
.directionsDiv .grayBox .txt {line-height:20px;font-size:18px;}



@media all and (max-width:1200px) {

	.directionsDiv{width:950px;}
	.directionsDiv .mapDiv img, .directionsDiv2 .img img {width:100%}
	.directionsDiv .clearDiv .leftDiv, .directionsDiv .clearDiv .rightDiv{width:50%;}
	.directionsDiv .clearDiv div ul li p{width:calc(100% - 110px)}
	.directionsDiv .clearDiv .rightDiv ul li .label{vertical-align:top; margin-top:3px;}
	.directionsDiv .infoArea .tableDiv > div{width:49%;}


}
@media all and (max-width:1000px) {

	.directionsDiv {width:100%;}
	.directionsDiv .tabBtn {width:90%;}
	.directionsDiv .clearDiv .leftDiv, .directionsDiv .clearDiv .rightDiv{width:100%; float:none;}
	.directionsDiv .clearDiv .rightDiv{margin-top:50px;}
	.directionsDiv .infoArea .tableDiv > div{width:100%; float:none;}
	.directionsDiv .infoArea .tableDiv > div.t2{float:none; margin-top:40px;}

}
@media all and (max-width:758px){
.directionsDiv{width:100%; margin-top:50px;}
	.directionsDiv .tabCon {margin-top:30px;}
	.directionsDiv .mapDiv{position:relative;height:340px; overflow:hidden;}
	.directionsDiv .mapDiv .mobile{display:block; width:100%;}
	.directionsDiv .mapDiv .pc{display:none;}
	.directionsDiv .localT:before{width:13px; height:17px; background-size:13px 17px;}
	.directionsDiv .localT{font-size:15px; line-height:19px; padding-left:20px; margin-top:25px;}
	.directionsDiv .clearDiv{margin-top:15px; padding-top:30px;}
	.directionsDiv .clearDiv .rightDiv{margin-top:35px;}
	.directionsDiv .clearDiv div .tit{font-size:15px;}
	.directionsDiv .clearDiv div ul{margin-top:15px;}
	.directionsDiv .clearDiv div ul li{font-size:13px; line-height:17px;}
	.directionsDiv .clearDiv .leftDiv ul li .label{}
	.directionsDiv .clearDiv .leftDiv ul li .label span{width:16px; height:16px; border-radius:8px; margin-right:8px; font-size:11px; line-height:16px;padding:0;}
	.directionsDiv .clearDiv .rightDiv ul li{margin-top:10px;}
	.directionsDiv .clearDiv .rightDiv ul li:after{content:""; display:block; clear:both;}
	.directionsDiv .clearDiv .rightDiv ul li p{float:right; width:calc(100% - 45px);}
	.directionsDiv .clearDiv .rightDiv ul li .label{width:35px; height:17px; line-height:17px; border-radius:8px; font-size:11px; margin-right:10px; margin-top:0; float:left;}
	.directionsDiv .grayBox {margin-top:40px; padding:25px 6% 25px; background-position:center 25px; background-size:40px;}
	.directionsDiv .grayBox .tit {font-size:18px; margin-bottom:20px;}
	.directionsDiv .grayBox .txt {font-size:13px; line-height:19px;}
.inner-width.twrap {
    max-width: 100%;
    margin: 0 auto;
    /* padding: 0 8.3%; */
}

.bGreenBtn {
    padding: 0 35px;
    height: 35px;
    font-size: 13px;
    line-height: 31px;
    border-radius: 17px;
}

.bYellowBtn {
    padding: 0 35px;
    height: 35px;
    font-size: 13px;
    line-height: 31px;
    border-radius: 17px;
}


.bGreenBtn.bol {
		font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
		padding: 0 10px;font-weight:600;

	}
.directionsDiv .clearDiv .leftDiv ul li .label {
    width: 70px;
}
.bYellowBtn.bol {
		font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
		padding: 0 10px;

	}
.directionsDiv .grayBox:before {display:none;
}
.directionsDiv .clearDiv div ul li p {
    width: calc(100% - 80px);
}
}

.inner-width dl.text-dl.horizontal .left_area .qna span.space_large {
    display: inline-block;
    width: 29px;
}
@media all and (max-width:758px){
.inner-width dl.text-dl.horizontal .left_area .qna  span.space_large {
    width: 24px;
}
.inner-width dl.text-dl.horizontal .left_area .qna span{
    width: 25%;
	font-weight:normal;
}
.inner-width dl.text-dl.horizontal .left_area .qna p {
    text-align: left;
}
.inner-width dl.text-dl.horizontal dt {
    max-width: max-content;
}
.inner-width.twrap {
    padding:0;
}
.row-delimeter-wrapper.mediax .row-delimeter.ttwrap {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 90%;
    height: 42px;
    margin: 0 auto;
    padding-left: 60px;
    line-height: 60px;
    border-radius: 5px 5px 0 0;
	border-top:1px solid #e5e7ee;
	border-left:1px solid #e5e7ee;
	border-right:1px solid #e5e7ee;
}
}