@charset "UTF-8";

html.no-scroll,
body.no-scroll{overflow: hidden;}

/* header s */
#header{}
#header .hd_inner{width: 100%;max-width: 1440px;height: 80px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;gap: 40px;flex-wrap: nowrap;position:relative}

#header #logo{width: 58px;height: 40px;}
#header #logo > .logo_img{display: block;width: 100%;height: 100%;background-image: url('../images/common/logo_new.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}

#header #gnb{display: flex;align-items: center;flex-wrap: nowrap;gap: 30px;}
#header #gnb > li{}
#header #gnb > li.on{}
#header #gnb > li.on a{font-weight: 700;color: #f97b00;}
/* 
#header #gnb>li.on a:after{content:'';display:block;clear:both;width:80%;height:4px;border-radius:4px;background-color:#ff9800;position:absolute;bottom:10px;left:10%} */
#header #gnb > li > a{display: block;padding: 0 15px;font-size: 18px;font-weight: 600;line-height: 80px;color: #555;position:relative}

#header #gnb>li .sub-slide.sub-1div{width: 100%;position:absolute;left:0;bottom:1px;transform:translateY(100%);padding:10px 20px;background-color:#fff;z-index:10}
#header #gnb>li .sub-slide.sub-1div .sub-1dul{display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;}
/* #header #gnb>li:hover  .sub-slide.sub-1div{display:block} */

#header .utils{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#header #loginBtn{display: inline-block;line-height: 0;}
#header #loginBtn > a{display: inline-block;line-height: 0;}
#header .userMenu{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#header .userMenu > li{}
#header .userMenu > li > a{font-size: 14px;font-weight: 300;line-height: 20px;color: #333;}

#header #hamBtn{width: 24px;height: 20px;}
#hamBtn .ham_menu,
#hamBtn .ham_menu span{display: inline-block;transition: all .4s;box-sizing: border-box;}
#hamBtn .ham_menu{position: relative;width: 24px;height: 20px;background: none;border: none;appearance: none;cursor: pointer;}
#hamBtn .ham_menu span{position: absolute;left: 0;width: 100%;height: 2px;background-color: #000;border-radius: 2px;}
#hamBtn .ham_menu span:nth-of-type(1){top: 0;}
#hamBtn .ham_menu span:nth-of-type(2){top: 9px;}
#hamBtn .ham_menu span:nth-of-type(3){bottom: 0;}
#hamBtn.active span:nth-of-type(1){transform: translateY(9px) rotate(-45deg);}
#hamBtn.active span:nth-of-type(2){opacity: 0;}
#hamBtn.active span:nth-of-type(3){transform: translateY(-9px) rotate(45deg);}

.no_item_txt{display: flex;align-items: center;justify-content: center;min-height: 20vh;font-weight:700;font-size:14px;}

.ci_cont_box{max-width: 1400px;margin: 50px auto;display: flex;flex-direction: column;gap: 50px;}
.ci_flex_box{}
.ci_flex_box .ci_img_box{background-color: #F7F7F7;border-radius: 20px;display: flex;align-items: center;justify-content: center;padding: 30px;min-height: 300px;}
.ci_flex_box .ci_img_box > img{height:100px;}
.ci_flex_box .ci_text_box{color:#403D3F;margin-top: 20px;padding: 0 20px;}
.ci_flex_box .ci_text_box > div:first-child{font-size: 30px;font-weight: 700;display: flex;align-items: center;}
.ci_flex_box .ci_text_box > div:first-child + div{margin-top:10px;font-size:16px;}

.ci_flex_box .ci_img_box.depth_img2{min-height: 200px;align-items: flex-end;gap:50px}
.ci_flex_box .ci_img_box.depth_img2 > div{display:flex;flex-direction: column;align-items: center;gap: 20px;}
.ci_flex_box .ci_img_box.depth_img01_01 img{height:140px}

.ci_flex_box .ci_img_box.depth_img2 .depth_img01 img{height:80px}
.ci_flex_box .ci_img_box.depth_img2 .depth_img02 img{height:104px}

.ci_flex_box .ci_img_box.depth_img2 .depth_img03 img{height:130px}
.ci_flex_box .ci_img_box.depth_img2 .depth_img04 img{height:170px}
.ci_flex_box .ci_img_box.depth_img2 .depth_img05 img{height:200px}

.ci_flex_box .ci_img_box.depth_img2.ct_column .depth_img03 + div,
.ci_flex_box .ci_img_box.depth_img2.ct_column .depth_img04 + div{font-size:16px;font-weight:700}

.ci_flex_box .ci_img_box.ct_column{flex-direction: column;display: flex;align-items: center;}

.ci_flex_box .ci_img_box.bo_co_white{background-color: #fff;border:solid 1px #ccc;display: flex;align-items: center;justify-content: space-around;box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);}

.ci_flex_box .down_btn{margin-left:20px;font-size: 16px;cursor:pointer;
    padding: 10px;
    border-radius: 8px;
    font-weight: 400;
    background-color: #d65252;
    color: #fff;}

.mtv_board_wrap .div-tab.tabs ul.nav-tabs, 
.mtv_board_wrap .div-tab-top.tabs ul.nav-tabs, 
.mtv_board_wrap .div-tab-bottom.tabs ul.nav-tabs{}

.mtv_board_wrap .div-tab.tabs ul.nav-tabs{border:none;display:flex;gap:20px}
.mtv_board_wrap .div-tab.tabs ul.nav-tabs li{border:solid 1px #ccc;    border-radius: 40px;}
.mtv_board_wrap .div-tab.tabs ul.nav-tabs li a{border:none}

@media (max-width: 1100px){
    #header .hd_inner{height: 60px;}
    #header #gnb{display: none;}
    #header .userMenu{display: none;}
    .ci_flex_box .ci_img_box{min-height: auto;}
    .ci_flex_box .ci_text_box > div:first-child{font-size: 24px;}
    .ci_flex_box .ci_text_box > div:first-child + div{font-size: 14px;}
}
/* header e */

/* footer s */
#footer{border-top: 1px solid #333;}
#footer .ft_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 48px 20px 32px;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}

#footer .ft_left{display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;}
#footer .ft_logo{width: 58px;height: 40px;}
#footer .ft_logo > .logo_img{display: block;width: 100%;height: 100%;background-image: url('../images/common/logo_new.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}

#footer .ft_infor{}
#footer .ft_infor .infor_list{display: flex;align-items: center;gap: 30px;}
#footer .ft_infor p{font-size: 12px;font-weight: 400;line-height: 20px;color: #666;}

#footer .sns_list{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#footer .sns_list > li{}
#footer .sns_list > li > a{display: block;line-height: 0;}

#footer .ft_right.privacy_box{display: flex;gap: 10px;align-items: center;}
#footer .ft_right.privacy_box .privacy_btn{font-weight: 600;}



@media (max-width: 1100px){
    #footer .ft_inner{flex-direction: column;align-items: flex-start;gap: 20px;padding: 30px 20px 24px;}
    #footer .ft_left{order: 1;width: 100%;align-items: flex-start;gap: 20px;}
    #footer .ft_right{order: 0;width: 100%;}
    #footer .ft_logo{width: 58px;height: 40px;flex: 0 0 auto;}
    #footer .ft_infor .infor_list{gap: 8px;align-items: flex-start;}
    #footer .sns_list{justify-content: flex-end;}
}
@media (max-width: 600px){
    #footer .ft_left{flex-direction: column;}
    #footer .ft_infor .infor_list{flex-direction: column;gap: 0;}
    #footer .ft_infor p{display: inline-block;}
}
/* footer e */

#contents > .page-wrap{margin-top:20px;}
@media (max-width: 600px){
    #contents > .page-wrap{border-radius:20px;overflow: hidden;}
}

/* center 메뉴 */
.s_top_menu{position: sticky;top: 30px;margin:30px 0 0px 0;width: 100%;text-align: center;display:flex;z-index:50;flex-direction: column;}
.s_top_menu .at-container{max-width:none}
.s_top_menu > div.at-container{display: flex;flex-wrap: wrap;box-shadow: 2px 6px 11px 0px rgba(0, 0, 0, 0.18);padding: 16px 15px;border-radius: 50px;background-color: #ffffffc7;transition: .3s;gap: 10px;}
.s_top_menu.menu_grid_class{max-width: 1400px;margin: 30px auto 0 auto;}
.s_top_menu.menu_grid_class .at-container{box-shadow:none;}
.s_top_menu.menu_grid_class .at-container > span a{border:solid 1px #ccc;border-radius:30px;background-color:#fff}
.s_top_menu.menu_grid_class .at-container > span:hover a{border:solid 1px #F0850C;color:#F0850C}
.s_top_menu.menu_grid_class .at-container > span.on a{border:none;background-color:#F0850C;border-radius:30px;}
.s_top_menu.menu_grid_class .at-container > span.on a:hover{color:#fff}
.s_top_menu.menu_grid_class>div>span .sub_1box{display:none}
.s_top_menu.menu_grid_class>div>span:hover .sub_1box{display:none}

.s_top_menu > div > span{}
.s_top_menu > div > span:after{content:'';display:block;clear:both}
.s_top_menu > div > span > a{display: block;font-size: 14px;line-height: 24px;letter-spacing: -0.15px;color: #444;border-radius:30px;padding:5px 15px 6px 15px;transition:.3s}
.s_top_menu > div > span:hover > a{color: #fff;background-color: #F0850C;border:none}
.s_top_menu > div > span.on > a{background-color:#F0850C;color:#fff;font-weight: 700;}

.sub-container{margin-top: 10px;display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}

.sub-container > a{padding:8px 10px;color:#444}
.sub-container > a:hover,
.sub-container > a.on{font-weight:700;color:#333}

@media (max-width: 1100px){

}
@media (max-width: 768px){
    .sub-container{gap:0}
    .s_top_menu{margin-top: 20px;top:10px}
    .s_top_menu .at-container.open span{display:block}
    .s_top_menu > div{width: calc(100% - 20px);padding: 10px 15px;flex-direction: column;border-radius:10px;}
    .s_top_menu > div > span{display:none;width: 100%;}
    .s_top_menu > div > span.on{display:block}
    .s_top_menu > div > span.on a{position: relative;background-color: #fff;color: #F0850C;}
    .s_top_menu > div > span.on a:after{content:'';display:block;clear:both;position: absolute;top: 50%;right: 0;width: 26px;height: 26px;background-size: cover;transform: rotateZ(90deg);margin-top: -11px;}

    .s_top_menu>select{width:calc(100% - 20px);height:54px;padding:0 10px;appearance:none;border-radius:8px;border:solid 1px #e28a34;color:#e28a34;font-weight:700;background-color:#ffffffd1}
    .s_top_menu>select:focus {outline: none;} 
    .s_top_menu:after{content:'';display:block;clear:both;background-image:url('../images/icon/icon_select_arr.svg');background-repeat:no-repeat;width:30px;height:30px;background-size:30px;position:absolute;top:50%;right:20px;transform:rotateZ(90deg);margin-top:-15px}
}
@media (max-width: 600px){

}
/* center 메뉴 */

/* all_menu s */
#allMenu{display: none;position: fixed;top: 80px;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 100;}
#allMenu.open{display: block;}
#allMenu .aside_inner{width: 100%;height: 100%;padding: 10px 0 20px;overflow: hidden;}
#allMenu .mo_userMenu{display: none;}
#allMenu .menu_wrap{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;height: 100%;max-height: 100%;overflow-y: auto;}
#allMenu .depth1_menu{}
#allMenu .depth1_menu > li{padding: 20px 30px;border-radius: 20px;transition:.3s}

#allMenu .depth1_menu > li:nth-child(1):hover{background-color: #ecf5ee;}
#allMenu .depth1_menu > li:nth-child(2):hover{background-color: #ebf4f6;}
#allMenu .depth1_menu > li:nth-child(3):hover{background-color: #f5f4ec;}
#allMenu .depth1_menu > li:nth-child(4):hover{background-color: #ecedf5;}
#allMenu .depth1_menu > li:nth-child(5):hover{background-color: #f2ecf5;}
#allMenu .depth1_menu > li:nth-child(6):hover{background-color: #f5eeec;}
#allMenu .depth1_menu > li:nth-child(7):hover{background-color: #ecf5ee;}
#allMenu .depth1_menu > li:nth-child(8):hover{background-color: #ecf5ee;}

#allMenu .depth1_menu > li + li{margin-top: 15px;}

#allMenu .depth1_menu > li:nth-child(1).random_btn,
#allMenu .depth1_menu > li.random_btn{background-color: #015eaf;margin-bottom:20px;display:none}
#allMenu .depth1_menu > li.random_btn .depth_1_item{display: flex;justify-content: space-between;align-items: center;color: #fff;}
#allMenu .depth1_menu > li .go_link_icon{width:30px;}
#allMenu .depth1_menu > li .go_link_icon img{width:100%}

#allMenu .depth_1_item{font-size: 22px;font-weight: 700;line-height: 26px;letter-spacing: -0.15px;color: #333;}
#allMenu .depth_1_item + .depth2_menu{margin-top: 16px;}
#allMenu .depth_1_item.on{color: #F0850C;}

#allMenu .depth2_menu{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;column-gap: 40px;row-gap: 40px;}
#allMenu .depth2_menu > li{min-width: 180px;}
#allMenu .depth2_menu .depth_2_item{display:block;font-size: 16px;font-weight: 700;line-height: 24px;letter-spacing: -0.15px;color: #403D3F;}
#allMenu .depth2_menu .depth_2_item + .depth3_menu{margin-top: 8px;display: flex;gap: 5px;flex-direction: column;}
#allMenu .depth2_menu .depth_2_item:hover,
#allMenu .depth2_menu > li > a.on,
#allMenu .depth2_menu .depth_2_item.on,
#allMenu .depth2_menu > li.on > a{color: #F0850C;}
#allMenu .depth3_menu{}
#allMenu .depth3_menu .depth_3_item{display:block;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.15px;color: #403D3F;}
#allMenu .depth3_menu .depth_3_item:hover,
#allMenu .depth3_menu .depth_3_item.on,
#allMenu .depth3_menu > li.on a{color: #F0850C;text-decoration:underline}

.s_top_menu > div > span{position: relative;}
.s_top_menu>div>span .sub_1box{display:none;position:absolute;top:100%;left:0;width:100%}
.s_top_menu > div > span:hover .sub_1box{display:block}
.sub_1dul{margin-top: 16px;background-color:#ffffffc7;border:solid 1px #ddd;border-top:none;border-radius:0 0 10px 10px;padding:10px 0;display: flex;gap: 8px;flex-direction: column;}
.sub_1dul .sub_1dli{padding:0 7px}
.sub_1dul .sub_1dli a{isplay:block;font-size:14px;line-height:24px;letter-spacing:-.15px;color:#444;border-radius:30px;}
.sub_1dul .sub_1dli a:hover{color: #F0850C;text-decoration:underline}
.sub_1dul .sub_1dli a.on{}


@media (max-width: 1300px){
    #header #gnb > li > a{font-size:16px;padding: 0 10px;}
}

@media (max-width: 1100px){
    #allMenu{top: 60px;}
    #allMenu .mo_userMenu{display: flex;align-items: center;gap: 12px;justify-content: flex-end;margin-bottom: 20px;}
    #allMenu .mo_userMenu > li{}
    #allMenu .mo_userMenu > li > a{font-size: 14px;font-weight: 500;line-height: 20px;color: #333;}
    #allMenu .depth1_menu > li:nth-child(1).random_btn,
    #allMenu .depth1_menu > li.random_btn{display:block}
}
@media (max-width: 600px){
    #allMenu .menu_wrap{padding: 10px}
    #allMenu .aside_inner{padding: 0 0 40px;}
    #allMenu .depth_1_item{font-size: 20px;line-height: 26px;}
    #allMenu .depth1_menu > li{padding:20px}
    #allMenu .depth1_menu > li + li{margin-top: 20px;}
    #allMenu .depth2_menu{column-gap: 20px;row-gap: 20px;}
    #allMenu .depth2_menu > li{min-width: auto;width: calc(50% - (20px/2));}
    #allMenu .depth1_menu > li:nth-child(1){background-color: #ecf5ee;}
    #allMenu .depth1_menu > li:nth-child(2){background-color: #ebf4f6;}
    #allMenu .depth1_menu > li:nth-child(3){background-color: #f5f4ec;}
    #allMenu .depth1_menu > li:nth-child(4){background-color: #ecedf5;}
    #allMenu .depth1_menu > li:nth-child(5){background-color: #f2ecf5;}
    #allMenu .depth1_menu > li:nth-child(6){background-color: #f5eeec;}
    #allMenu .depth1_menu > li:nth-child(7){background-color: #ecf5ee;}
    #allMenu .depth1_menu > li:nth-child(8){background-color: #ecf5ee;}

}

#gnb .depth2_menu{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;column-gap: 40px;row-gap: 40px;}
#gnb .depth2_menu > li{min-width: 180px;}
#gnb .depth2_menu .depth_2_item{display:block;font-size: 16px;font-weight: 700;line-height: 24px;letter-spacing: -0.15px;color: #403D3F;}
#gnb .depth2_menu .depth_2_item + .depth3_menu{margin-top: 8px;}

#gnb .depth3_menu{}
#gnb .depth3_menu .depth_3_item{display:block;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.15px;color: #403D3F;}

@media (max-width: 1100px){
    #gnb .mo_userMenu{display: flex;align-items: center;gap: 12px;justify-content: flex-end;margin-bottom: 20px;}
    #gnb .mo_userMenu > li{}
    #gnb .mo_userMenu > li > a{font-size: 14px;font-weight: 500;line-height: 20px;color: #333;}
}
@media (max-width: 600px){
    #gnb .aside_inner{padding: 0 0 40px;}
    #gnb .depth2_menu{column-gap: 20px;row-gap: 20px;}
    #gnb .depth2_menu > li{min-width: auto;width: calc(50% - (20px/2));}
}

/* all_menu e */


/* pageBanner s */
#pageBanner{width: calc(100% - 60px);height: 300px;margin: 0 auto;box-sizing: border-box;background-color: #FAF2E9;border-radius: 20px;overflow: hidden;}
#pageBanner .banner_inner{width: 100%;max-width: 1400px;height: 100%;margin: 0 auto;padding: 0 20px 0 5%;display: flex;align-items: center;justify-content: flex-end;}
#pageBanner #pageTit{font-size: 40px;font-weight: 700;line-height: 62px;color: #333;flex: 1;}
#pageBanner .banner_img{flex: 0 0 auto;}
#pageBanner .banner_img .img_box{line-height: 0;max-width: 100%;height: 300px;}
#pageBanner .banner_img .img_box > img{object-fit: cover;height: 100%;}

#pageBanner.pagecolor_sub_01{background-color: #D4F3CC;}
#pageBanner.pagecolor_sub_02{background-color: #FBBB7D;}
#pageBanner.pagecolor_sub_03{background-color: #BFA995;}
#pageBanner.pagecolor_sub_04{background-color: #D6E9F0;}
#pageBanner.pagecolor_sub_05{background-color: #FAF2E9;}
#pageBanner.pagecolor_sub_06{background-color: #F7E2D8;}

#pageBanner.pagecolor_n_menu01{background-color: #D4F3CC;}
#pageBanner.pagecolor_n_menu02{background-color: #FBBB7D;}
#pageBanner.pagecolor_n_menu03{background-color: #BFA995;}
#pageBanner.pagecolor_n_menu04{background-color: #D6E9F0;}
#pageBanner.pagecolor_n_menu05{background-color: #FAF2E9;}
#pageBanner.pagecolor_n_menu06{background-color: #F7E2D8;}


@media (max-width: 1100px){
    #pageBanner{width: calc(100% - 20px);height: 200px;}
    #pageBanner #pageTit{font-size: 30px;line-height: 56px;text-shadow: 1px 1px 2px white;filter: drop-shadow(8px 6px 9px #ccc);}
    #pageBanner .banner_img{max-width: 50%;}
    #pageBanner .banner_img .img_box{width: 100%;}
}
@media (max-width: 600px){
    #pageBanner{height: 150px;}
    #pageBanner .banner_inner{position:relative}
    #pageBanner #pageTit{width:100%;font-size: 26px;line-height: 50px;position: absolute;top: 50%;left: 0px;margin-top: -25px;text-align:center}
    #pageBanner .banner_img{max-width:100%;height:120%}
    #pageBanner .banner_img .img_box{width: 100%;height:100%}
}
/* pageBanner e */

/* contents s */
#container.subpage{margin-top:30px;}
#container.subpage #contents{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px 50px;}

/* contents e */
/* 회원 영역 */
.member_wrap{width: 100%;max-width: 1440px;margin: 60px auto;padding: 0 20px;}
.member_wrap .member_bd{width: 100%;max-width: 1100px;margin: 0 auto;}
.member_wrap .member_chk_box{width: 100%;max-width: 600px;margin: 0 auto;}

.member_wrap .radio input[type=radio],
.member_wrap .radio-inline input[type=radio],
.member_wrap .checkbox input[type=checkbox],
.member_wrap .checkbox-inline input[type=checkbox]{position: static;}

.member_wrap #step_box .step_inbox ul li .step_txt{font-size: 16px;}

a.board_select_btn{border:solid 1px #42945e;border-radius:9px;display:block;text-align:center;padding:10px 0;background-color:#42945e;color:#fff;font-weight:700}
@media (max-width: 1100px){

}

@media (max-width: 600px){
    #container.subpage #contents{padding:0 10px 30px;}
    .list-category .active a, 
    .list-category .selected a{color: #42945e;}
    .dropdown-menu{border-radius: 9px;}
    .open>.dropdown-menu{width:100%;}
    a.board_select_btn{position: relative;background-color: #fff;color: #42945e;}
    a.board_select_btn:after{content:'';display:block;clear:both;background-image: url(/thema/Basic/resources/images/icon/icon_next_arr.svg);position: absolute;top: 50%;right: 10px;width: 26px;height: 26px;background-size: cover;transform: rotateZ(90deg);margin-top: -11px;transition:.3s}
    .open a.board_select_btn:after{transform: rotateZ(-90deg);}
}



.pin_wrap{position:relative}
.pin_wrap .pin_point{position:absolute;font-size:0;}
.pin_wrap .pin_addres1{top: 54%;right: 13%;width: 20%;height: 8.3%;}
.pin_wrap .pin_addres2{top: 69%;right: 8%;width: 25%;height: 8.3%;}
.pin_wrap .pin_addres3{top: 64%;right: 5.5%;width: 33%;height: 4.3%;}
.pin_wrap .pin_addres4{top:68.5%;right:48.5%;width:35.5%;height:5%}
.pin_wrap .pin_addres5{top:62%;right:63.7%;width:33%;height:6.3%}
.pin_wrap .pin_addres6{top:57.8%;right:45.5%;width:24%;height:4%}
.pin_wrap .pin_addres7{top:42%;right:10%;width:22%;height:8.3%}
.pin_wrap .pin_addres8{top:76%;right:45%;width:23%;height:4.3%}
.pin_wrap .pin_addres9{top:83.6%;right:42.6%;width:23.5%;height:8.3%}

.pin_wrap .pin_addres0{top: 35%;left: 10%;width: 48%;height: 15.3%;border: solid 1px #ccc;font-size: 24px;padding: 20px;border-radius: 17px;background-color: #ffffffb3;text-align: left;}
.pin_wrap .pin_addres20{top:81.5%;left:13%;width:20%;height:12.3%;border:solid 1px #ccc;font-size:24px;padding:20px;border-radius:17px;background-color:#ffffffb3;text-align:left}

.pin_wrap_m{position:relative}
.pin_wrap_m .pin_addres0{position:absolute;top:30%;left:6%;width:48%;border:solid 1px #ccc;font-size:16px;padding:20px;border-radius:17px;background-color:#ffffffb3;text-align:left}
.pin_wrap_m .pin_addres20{position:absolute;top:46%;left:0;width:34%;border:solid 1px #ccc;font-size:14px;padding:20px;border-radius:17px;background-color:#ffffffb3;text-align:left}