@charset "utf-8";
/* SIR 지운아빠 */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
input[type='password']::-ms-reveal,input[type='password']::-ms-clear {display: none;}

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 기본테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {width:120px;}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:150px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:5px 10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

/* 관리자일 때 */
#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_list_admin th:nth-of-type(1) {width:40px}
#bo_list_admin th:nth-of-type(3) {width:100px}

#bo_list_admin td:nth-of-type(1) {text-align:center}
#bo_list_admin td:nth-of-type(3) {text-align:center}

/* 관리자가 아닐 때 */
#bo_list th:nth-of-type(2) {width:100px}

#bo_list td:nth-of-type(2) {text-align:center}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;padding:5px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background: #fff;font-size: 1.0em;color: #666;border: 1px solid #ddd;text-decoration:none;vertical-align:middle;letter-spacing: -1px;}
.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
.td_subject a {display:block;font-size: 22px;font-weight: 500;}
.td_subject img {margin-left:3px}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_sch {margin-bottom:30px !important;padding-top:5px;text-align:center;background: #f8f8f8;border: 1px solid #d9e2e8;padding: 24px 24px !important;}
#bo_sch:after {content:'';display:block;clear:both;}

#bo_sch .sch_all {float:left;}
#bo_sch .sch_all a {display: block;line-height: 45px;color: #444;font-weight: 500;text-decoration: underline;text-underline-position: under;}
#bo_sch .sch_all a:hover{color:#c4191d;}
#bo_sch .sch_wrap {float:right;}
#bo_sch .sch_wrap:after {content:'';display:block;clear:both;}
#bo_sch .sch_area {float:left;width: 300px;}
#bo_sch .sch_area select {padding: 0 10px;width: 94%;box-sizing: border-box;font-size: 15px;font-weight: 300;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ddd;background: #fff url(/img/down_btn_icon.png) no-repeat calc(100% - 10px) 50%;margin-right: 1%;line-height: 45px;height: 45px;}
#bo_sch .sch_keyword {float: left;position:relative;width: 300px;margin: 0 8px 0 0;}
#bo_sch .sch_keyword .frm_input {width:100%;padding: 0 10px;font-size: 15px;font-weight: 300;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ddd;background: #fff !important;line-height: 45px;height: 45px;}
#bo_sch .sch_btn {display: block;float:right;line-height: 45px;height: 45px;padding: 0 20px;border-radius: 5px;background: #fff;color: #c4191d;}
#bo_sch .sch_btn:hover {background:#c4191d;color:#fff;}
/*
#bo_sch select {padding: 0 10px;float: left;width: 31%;box-sizing: border-box;border: none;font-size: 15px;font-weight: 300;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ddd;background: #fff url(/img/down_btn_icon.png) no-repeat calc(100% - 10px) 50%;margin-right: 1%;line-height: 45px;height: 45px;}
#bo_sch .frm_input {float: left;width: 49%;box-sizing: border-box;padding: 0 10px;height: 45px;margin: 0;border: none;font-weight: 300;background: #fff !important;border: 1px solid #ddd;}
#bo_sch .btn_submit {float: left;padding: 0;margin: 0;width: 18%;height: 45px;line-height: 45px;background: #5a5a5a;border: none;font-size: 15px;font-weight: 400;margin-left: 1%;}
*/





/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}

#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v {margin-bottom:15px;padding-bottom:15px}

#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}


#bo_v_info {padding: 15px 0 40px;margin: 0 0 30px;border-bottom: 1px solid #e2e2e2;font-size: 1.1em;color: #777;font-weight: 400;text-align: center;}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
#bo_v_link ul {margin:0;padding:0;list-style:none;}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7;}
#bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_top {margin:0 0 10px;padding:10px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {padding:0 10px;min-height:200px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {position:relative;margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:5px}
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:13px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
#bo_vc_w h2 {padding:10px 0 5px}
#bo_vc_w .tbl_wrap {margin:0 0 15px}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.tbl_head01 td {padding: 30px 5px !important;}

.td_date{width:auto;font-size: 0.9em;color: #888;margin: 8px 0 0;text-align: left;letter-spacing: 0px;}

/*responsive*/
.grid-container a {display:block;}
.grid-container {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-column-gap: 40px;grid-row-gap: 40px;-ms-grid-rows: 1fr 40px 1fr;}
.grid-container > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}.grid-container > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}.grid-container > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}.grid-container > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 7;}.grid-container > *:nth-child(5) {-ms-grid-row: 1;-ms-grid-column: 9;}.grid-container > *:nth-child(6) {-ms-grid-row: 3;-ms-grid-column: 1;}.grid-container > *:nth-child(7) {-ms-grid-row: 3;-ms-grid-column: 3;}.grid-container > *:nth-child(8) {-ms-grid-row: 3;-ms-grid-column: 5;}.grid-container > *:nth-child(9) {-ms-grid-row: 3;-ms-grid-column: 7;}.grid-container > *:nth-child(10) {-ms-grid-row: 3;-ms-grid-column: 9;}
.grid-container2 {margin:0 0 60px;}
.grid-container2 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 40px;grid-row-gap: 40px;}
.grid-container2 ul{display: -ms-grid;display: grid;-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 40px;grid-row-gap: 40px;}
.grid-container2 ul > *:nth-child(1){-ms-grid-row: 1;-ms-grid-column: 1;}.grid-container2 ul > *:nth-child(2){-ms-grid-row: 1;-ms-grid-column: 3;}.grid-container2 ul > *:nth-child(3){-ms-grid-row: 1;-ms-grid-column: 5;}.grid-container2 ul > *:nth-child(4){-ms-grid-row: 1;-ms-grid-column: 7;}



/* hover styles */
.location-listing {position: relative;}
.location-image {line-height: 0;overflow: hidden;}
.location-image img {filter: blur(0px);transition: filter 0.3s ease-in;}
.location-title {font-size: 1.2em;font-weight: 500;text-decoration: none;z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity: 0;-webkit-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;background: rgba(0,0,0,0.3);color: white;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.location-title span {display:block;padding: 0 50px;text-align: center;word-break: keep-all;line-height: 148%;}
.location-listing:hover .location-title {opacity: 1;}
.location-listing:hover .location-image img {filter: blur(2px);}


/*view.skin*/
#cont_title {font-size: 32px;line-height: 100%;font-weight: 700;margin: 50px 0 20px;color: #333;letter-spacing: -1px;}
#bo_v header h2 {display: inline-block;margin:0 5px 30px 0;font-size: 20px;line-height: 28px;font-weight: 500;color: #333;}
.cont_info{border-top:2px solid #000;}
.cont_info_row{display:inline-block;width:100%;padding:0 24px;border:1px solid #eee;border-top:none;box-sizing: border-box;}
.cont_info_row.cell{display:table;}
.cont_info_row .cont_info_cell{float:left;display:table-cell;padding:0;border-left:1px solid #eee;}
.cont_info_row .cont_info_cell:first-child{border:none;}
.cell3 .cont_info_cell{box-sizing: border-box;width:33.2%}
.cont_info.store_info{}
.cont_info.store_info .cont_info_row {padding:20px 0 30px;}
.cont_info.store_info .cont_info_row.cell{padding:20px 0;}
.cont_info.store_info .cont_info_row .cont_info_cell{padding:0 24px;}
.cont_info.store_info .guide_txt{padding:0 24px;}
.store_menu{display:inline-block;width:100%;padding:0 24px 16px;}
.store_info_label{font-size:0.95em;color:#666;font-weight:500;}
.store_info_cont{margin-top:2px;font-weight:500;}
.store_info_cont a.hyperlink.tel{font-weight:500;}
.hyper_next {position: relative;display: inline-block;width: 8px;height: 12px;line-height: 100%;margin: 0 0 0 6px;}
.hyper_next:after {content:'';position: absolute;left: 0;top: 50%;width: 4px;height: 4px;border: 2px solid #0033a5;transform-origin: top;transform: rotate(45deg) translate(0, -50%);border-left: 0;border-bottom: 0;}
.store_info_gallery {}
.store_info_gallery h3 {font-size: 28px;font-weight: 700;color: #333;margin: 50px 0 30px;letter-spacing: -1px;}
.store_info_gallery img {display: inline-block;margin: 0 0 40px;}



/*gallery.danah*/

.sub_container {position: relative;}
.sub_container .pr_mainlist {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
.sub_container .project {padding-top: 30px;}
.sub_container .pr_mainlist {}
.sub_container a.pr_mainlista {display:block;position: relative;}
.sub_container .image{display: block;width: auto;height:100%;-ms-transform: translate(-50px, 0); /* IE 9 */-webkit-transform: translate(-50px, 0); /* Safari */transform: translate(-50px, 0);}
.sub_container .overlay{position: absolute;transition: all .3s ease;opacity: 0;background: #D0D3D4;}
.sub_container a.pr_mainlista:hover .overlay{opacity: .6;}
.sub_container .overlayFade{height: 100%;width:100%;top: 0;left: 0;background: rgba(0,128,255);opacity: 0;}
.sub_container a.pr_mainlista:hover .overlayFade{opacity: .9;}
.sub_container .overlaytitle {color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 18px;text-align: center;line-height: 160%;}
.sub_container .overlaytitle:after {content:'';position: absolute;right: -15px;top: 0;width: 8px;height: 8px;border-radius: 50%;background: #ffff89;}
.sub_container .overlaytitle i {display:inline-block;width:27px;height:13px;background:url(/img/main_arrow.png) no-repeat;}
.sub_container .pr_maintitle {position: absolute;left: 40px;bottom: 40px;color: #fff;font-size: 22px;font-weight: 700;all .3s animation-timing-function: ease;}
.sub_container a.pr_mainlista:hover .pr_maintitle {display:none;}
.sub_container .pr_mainlistmore {background: #fff;text-align: center;}
.sub_container .pr_mainlistmore a {display: block;padding: 80px 0;text-transform: uppercase;font-weight: 700;letter-spacing: 0;text-decoration: underline;}
.sub_container .pr_mainlistmore a:hover {color:#0080ff;}

.bo_v_wrap {background-image: url(/img/no-image.jpg); background-repeat: no-repeat; background-position: top;padding: 900px 0 0;background-attachment: fixed !important;}
.pf_contents1 {background: #fff;padding:120px 0;}
.pf_contents1 .pf_scrolldown {position: absolute;left: 50%;top: -240px;font-size: 14px;color:#fff;text-transform: uppercase;letter-spacing: 0;transform: translate(-50%, 0);}
.pf_contents1 .pf_scrolldown span {display: block;width: 44px;height: 43px;background: url(/img/mv_mouse.png);margin: 0 auto 10px;}
.pf_contents1 .pf_scrolldown em {font-style: normal;text-shadow: 0 0 7px black;}


.pf_contents1 h4 {padding: 0 0 30px;border-bottom: 3px solid;font-size: 32px;letter-spacing: -1px;}
.pf_contents1 ul {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 20px;gap: 20px;}
.pf_contents1 ul li {padding: 25px 0;}
.pf_contents1 ul li strong {display:block;margin: 0 0 10px;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;}
.pf_contents1 .comment {padding: 20px 0 0;font-size: 17px;line-height: 180%;}
.pf_contents1 a {position:relative;display: block;width: 200px;margin: 50px 0 0;padding: 20px 20px;background: #222;color: #fff;text-transform: uppercase;line-height: 100%;font-size: 12px;font-weight: 700;letter-spacing: 2px;}
.pf_contents1 a:hover{background:#0080ff;}
.pf_contents1 a > span {content:'';position: absolute;right: 20px;width: 20px;height: 10px;transform: translate(0, -50%);background: url(/img/pf_arrow.png) no-repeat;}
.pf_contents2 {background: #f1f0f0;padding: 150px 0;text-align:center;}
.pf_contents2 img {max-width:100%;}










/* for touch screen devices */

@media screen and (max-width: 1528px) { 
}

@media screen and (max-width: 1200px) { 
.sub_container {padding-top: 65px;}
.sub_container .pr_maintitle {font-size:1.1em;}

}

@media screen and (max-width: 870px) { 
.sub_container .project {padding-top: 10px;}
}

@media screen and (max-width: 688px) { 
.sub_container .pr_mainlist {display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}

}

@media screen and (max-width: 480px) { 
.sub_container .pr_maintitle {left: 20px;bottom: 20px;}
}