@import 'font.css';

/* COMMON */
::selection{background-color:#005aa9;color:#fff;}
img{width:auto;max-width:100%;}
.medibeu-pink{color:#005aa9;}

/* TAB */
.tab_comm_wrap{overflow-x:auto;}
.tab_comm{font-size:0;}
.tab_comm li{display:inline-block;vertical-align:top;cursor:pointer;}
.tab_comm li h6{margin:0;}
.tab_sec_wrap .tab_sec{display:none;min-height:500px;} /* 임시 */
.tab_sec_wrap .tab_sec:first-child{display:block;}

/* CLASS */
.cf:after{display:block;content:'';clear:both;}
.ms-container{overflow:hidden;font-family:'Noto Sans KR','Raleway', Arial, sans-serif;}
.sub_inner{width:1140px;margin:0 auto;box-sizing:border-box}
.ms-header{background-color:transparent;}
.ms-header.sticky{background-color:#fff;box-shadow:3px 3px 10px 0px rgba(128, 128, 128, 0.25)}
.ms-header .ms-nav{padding:15px;}

/* Header */
.hamburger-label{color:#fff;transition:all .3s ease}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color:#fff;transition:all .3s ease}

.sticky .hamburger-label{color:#151515;}
.sticky .hamburger-inner, .sticky .hamburger-inner:after, .sticky .hamburger-inner:before{background-color:#151515;}

/* Main */
.ms-btn--slider{display:inline-block;padding:10px;border:2px solid #fff;color:#fff;box-sizing:border-box;text-align:center;text-shadow: 1px 1px 4px #000;}
.ms-btn--slider:hover{background:rgba(0,0,0,0.4);border:2px solid #fff;transition:all 0.3s;text-shadow:none;}
.ms-btn--slider::before{display:none;}

ul.slide-sub-tit li{display:inline-block;}
ul.slide-sub-tit li:first-child{padding-right:1em;}
.slide-sub-tit img{height:100%;}
.compony-profile:before{content:'';display:inline-block;width:14px;height:14px;background:url('../images/main_arrow.png') 0 0 no-repeat;background-size:contain;vertical-align:middle;}


/* AOS */
[data-aos]{visibility:hidden;}
[data-aos].aos-animate{visibility:visible;}

/* Sub Visual */
#sub_wrap .ms-container{z-index:1;padding:0;}
.sub-visual{width:100%;max-width:100%;margin:0;padding:8em 0 9em;background-position:50% 0%;background-repeat:no-repeat;background-size:cover;}
.sub-visual_01{background-image:url(../images/sub/subVisual_01.svg)}
.sub-visual_02{background-image:url(../images/sub/subVisual_02.svg)}
.sub-visual_03{background-image:url(../images/sub/subVisual_03.svg)}
.sub-visual_04{background-image:url(../images/sub/subVisual_04.svg)}

.sub-visual .sub-head{width:100%;max-width:100%;margin:0 auto 8.5em;}
.sub-head .ms-page-title{text-align:center;}
.sub-head .page-header{margin:0;font-size:70px;font-weight:800;color:#fff;}
.sub-head .page-desc{width:100%;margin:20px 0 0;font-size:24px;font-weight:300;color:#fff;}

/* Sub Title */
.sub-section .sub-text-wrap{position:relative;z-index:10;padding:145px 0;}
.sub-section .sub-text-wrap .txt{margin:0;font-size:24px;font-weight:300;line-height:1.4;color:#222;word-break:keep-all;}
.sub-section .sub-text-wrap p.txt{margin-bottom:18px;}

/* Circle */
.sub-bg-circle_01{position:relative;}
/**.sub-bg-circle_01:after{display:block;content:'';position:absolute;width:255px;height:254px;background:url(../images/sub/bgSub-circle_01.svg) 0% 0% no-repeat;background-size:cover;}**/

#sub_wrap .sub-bg-circle_01:after{top:314px;left:10px;}

/* Contact */
.contact h6{line-height:1.3;}
#contact .page-header{margin-top:130px;}
.file-wrap{height:58px;padding-top:.5em;}
.contact-h6{padding-top:1em;}
.file_input_txt{position:relative;height:100%;}
.file_input_txt input{width:100%;height:100%; border: 1px solid #ced4da;
    border-radius: .25em;text-indent:15px;}
.file_input_txt p { height:10px; position:absolute; right:10px; top:2px; width:11px; z-index:2; }
.file_input_txt p a { background:url("../images/file_del.png") no-repeat; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
.file-btn-wrap{overflow:hidden;}
.tit{padding-top:2em;}
.proj-policy-cont{height:180px;padding:15px 0 15px 19px;border:1px solid #ced4da;font-size:14px;color:#757575;line-height:1.4;text-align:justify;}

.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
	-ms-touch-action: auto;
	    touch-action: auto;
}

.mCustomScrollBox {
	-ms-touch-action: pan-x;
	    touch-action: pan-x;
}

.mCustomScrollBox.mCSB_vertical_horizontal {
	-ms-touch-action: auto;
	    touch-action: auto;
}

.mCustomScrollBox.mCSB_horizontal {
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
}

.check-wrap{margin-top:1em;margin-bottom:1.5em;}
.check-wrap input{display:none;}

#check{width:16px;height:16px;margin:0;color:#757575;vertical-align:bottom;}
.captcha-wrap{margin:2em 0;}
.send-btn-wrap{text-align:center;}
.send-btn-wrap .btn-form{width:300px;height:50px;margin:0 auto;}

/* Portfolio */
#gallery{padding-top:100px;}
.modal-wrap{background:#fff;position:fixed;top:0;left:100%;width:100%;height:100%;z-index:9;}
.modal{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:scroll;}
.close-btn{position:absolute;top:4%;right:4%;width:30px;height:30px;z-index:9;}
.close-btn a { background:transparent url("../images/pofol/pop_pofol_close.png") no-repeat; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; transition:background-image .7s, transform 1s; -webkit-transition:background-image .7s, transform 1s; }
.close-btn a:hover { background:transparent url("../images/pofol/pop_pofol_close_on.png") no-repeat; transform:rotate(-180deg); -webkit-transform:rotate(-180deg);  }

.top-btn{position:fixed;bottom:4%;right:4%;width:30px;height:30px;z-index:9;}
.top-btn a { background:transparent url("../images/pofol/pop_pofol_top.png") no-repeat;background-size:contain; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; transition:background-image .7s, transform 1s; -webkit-transition:background-image .7s, transform 1s; }

.modal-cont{padding:0 5%;}

.starbucks{color:#006140;}
.koreanair{color:#044593;}
.hyundai{color:#003469;}

.svg {background-image: url("../images/spinner.svg")}

.modal-tit{margin:.5em 0;}
.modal-sub-tit{font-weight:700;margin-bottom:10px;}
.modal-tag > span{padding-right:30px;line-height:1.5em;}
.modal-tag br{display:none;}
.modal-desc{margin-top:2em;margin-bottom:3em;}
.modal-desc p{font-size:14px;}

.pofol-proj-btn { margin:0;padding:0; border:1px solid #666; float:left; height:38px; width:128px; }
.pofol-proj-btn a { background:#f9f7f7; color:#666; display:block; font-size:14px; height:100%; line-height:38px; text-align:center; width:100%; transition:background-color .7s, color .7s; -webkit-transition:background-color .7s, color .7s; }
.pofol-proj-btn a:hover { background:#666; color:#f9f7f7; }

.modal-sns{display:inline-block;width:115px;height:25px;margin:6px 0 0 15px;padding:0;}
.modal-sns li { float:left; height:25px; margin-left:5px; width:25px; }
.modal-sns li a { border:1px solid #f9f7f7; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; transition:background-image .5s; -webkit-transition:background-image .5s; }
.modal-sns li a:hover { border:1px solid #d2d2d2; }
.modal-sns .sns01 a { background:url("../images/pofol/pofol_sns_icon01.png") no-repeat; }
.modal-sns .sns01 a:hover { background:url("../images/pofol/pofol_sns_icon01_on.png") no-repeat; }
.modal-sns .sns02 a { background:url("../images/pofol/pofol_sns_icon03.png") no-repeat; }
.modal-sns .sns02 a:hover { background:url("../images/pofol/pofol_sns_icon03_on.png") no-repeat; }
.modal-sns .sns03 a { background:url("../images/pofol/pofol_sns_icon04.png") no-repeat; }
.modal-sns .sns03 a:hover { background:url("../images/pofol/pofol_sns_icon04_on.png") no-repeat; }
.m_con { display:none; }
.modal-img{padding-top:50px;}

/* 스타벅스 코리아 2016 New Year Promotion */
.sb_ny_bg01 { background:url("../images/pofol/sb_ny_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1669px; z-index:4; }
.sb_ny_img01 { background:url("../images/pofol/sb_ny_img01.jpg") no-repeat; background-size:100% auto; height:1669px;width:1000px; left:50%; margin-left:-500px; position:absolute; top:0px;  }
.sb_ny_bg02 { background:url("../images/pofol/sb_ny_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1886px; z-index:3; }
.sb_ny_img02 { background:url("../images/pofol/sb_ny_img02.png") no-repeat; background-size:100% auto; height:1779px;width:1632px; left:140px; position:absolute; bottom:0;  }
.sb_ny_txt02_01 { background:url("../images/pofol/sb_ny_txt02_01.png") no-repeat; background-size:100% auto; height:188px; width:536px; top:175px; right:345px; position:absolute;  }
.sb_ny_txt02_02 { background:url("../images/pofol/sb_ny_txt02_02.png") no-repeat; background-size:100% auto; height:164px; width:534px; top:445px; right:345px; position:absolute;  }
/* 스타벅스 코리아 2016 New Year Promotion end */
/* 스타벅스 커피 코리아 Official Site 리뉴얼 프로젝트 */
.sb_ws_bg01 { background:url("../images/pofol/sb_ws_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:843px; z-index:4; }
.sb_ws_img01 { background:url("../images/pofol/sb_ws_img01.png") no-repeat; background-size:100% auto; height:47px;width:494px; left:320px; position:absolute; top:53px;  }

.sb_ws_bg02 { background:url("../images/pofol/sb_ws_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:2623px; }
.sb_ws_img02 { background:url("../images/pofol/sb_ws_img02.jpg") no-repeat; background-size:100% auto; width:900px;height:2150px; left:320px; position:absolute; top:335px;  }
.sb_ws_txt02_01 { background:url("../images/pofol/sb_ws_txt02_01.png") no-repeat; background-size:100% auto; height:212px; width:900px; top:64px; left:330px; position:absolute;  }
.sb_ws_txt02_02 { background:url("../images/pofol/sb_ws_txt02_02.png") no-repeat; background-size:100% auto; height:764px; width:309px; top:1010px; right:335px; position:absolute;  }

.sb_ws_bg03 { background:url("../images/pofol/sb_ws_bg03.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1192px; z-index:2; }
.sb_ws_img03 { background:url("../images/pofol/sb_ws_img03.jpg") no-repeat; background-size:100% auto; height:1132px;width:667px; right:320px; @margin-left:-880px; position:absolute; top:-74px; z-index:4; }
.sb_ws_txt03 { background:url("../images/pofol/sb_ws_txt03.png") no-repeat; background-size:100% auto; height:361px; width:396px; top:585px; left:476px; position:absolute; }

.sb_ws_bg04 { background:url("../images/pofol/sb_ws_bg04.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:883px; z-index:2; }
.sb_ws_img04 { background:url("../images/pofol/sb_ws_img04.jpg") no-repeat; background-size:100% auto; height:883px;width:478px; left:320px; @margin-left:-880px; position:absolute; top:0px;  }
.sb_ws_txt04 { background:url("../images/pofol/sb_ws_txt04.png") no-repeat; background-size:100% auto; height:361px; width:515px; bottom:200px; right:530px; position:absolute; }
/* 스타벅스 커피 코리아 Official Site 리뉴얼 프로젝트 end */

/* 2015 크리스마스 프로모션 */
.wp_bg01 { background:url("../images/pofol/wp_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1720px; z-index:4; }
.wp_img01 { background:url("../images/pofol/wp_img01.png") no-repeat; background-size:100% auto; height:1535px;width:1776px; right:0; margin-left:-640px; position:absolute; top:500px;  }
.wp_txt01 { background:url("../images/pofol/wp_txt01.png") no-repeat; background-size:100% auto; height:142px; top:1000px; left:382px; position:absolute; width:305px; }
.wp_bg02 { background:url("../images/pofol/wp_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-905px; position:relative; width:1920px;height:1307px; z-index:3; }
.wp_img02 { background:url("../images/pofol/wp_img02.png") no-repeat; background-size:100% auto; height:3517px;width:1440px; left:100px; position:absolute; top:389px;  }
.wp_txt02 { background:url("../images/pofol/wp_txt02.png") no-repeat; background-size:100% auto; height:332px; width:240px; bottom:-538px; right:320px; position:absolute;  }
.wp_bg03 { background:url("../images/pofol/wp_bg03.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:6023px; z-index:2; }
.wp_img03 { background:url("../images/pofol/wp_img03.png") no-repeat; background-size:100% auto; height:3219px;width:1760px; left:80px; margin-left:-720px; position:absolute; top:2660px;  }
.wp_txt03 { background:url("../images/pofol/wp_txt03.png") no-repeat; background-size:100% auto; height:117px; width:349px; top:2660px; right:592px; position:absolute; }
/* 2015 크리스마스 프로모션 end */

/* 스타벅스 모바일 리뉴얼 */
.sb_mw_bg01 { background:url("../images/pofol/sb_mw_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1269px; z-index:4; }
.sb_mw_img01_01 { background:url("../images/pofol/sb_mw_img01_01.png") no-repeat; background-size:100% auto; height:47px;width:494px; left:320px; position:absolute; top:53px;  }
.sb_mw_img01_02 { background:url("../images/pofol/sb_mw_img01_02.png") no-repeat; background-size:100% auto; height:948px;width:488px; left:390px; position:absolute; top:200px;  }
.sb_mw_txt01_01 { background:url("../images/pofol/sb_mw_txt01_01.png") no-repeat; background-size:100% auto; height:374px; width:467px; top:350px; right:420px; position:absolute; }
.sb_mw_txt01_02 { background:url("../images/pofol/sb_mw_txt01_02.png") no-repeat; background-size:100% auto; height:277px; width:556px; top:910px; right:330px; position:absolute; }

.sb_mw_bg02 { background:url("../images/pofol/sb_mw_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:2849px; z-index:3; }
.sb_mw_img02 { background:url("../images/pofol/sb_mw_img02.png") no-repeat; background-size:100% auto; width:1679px;height:2633px; left:140px; position:absolute; top:108px;  }
.sb_mw_txt02_01 { background:url("../images/pofol/sb_mw_txt02_01.png") no-repeat; background-size:100% auto; height:542px; width:556px; top:100px; left:330px; position:absolute;  }
.sb_mw_txt02_02 { background:url("../images/pofol/sb_mw_txt02_02.png") no-repeat; background-size:100% auto; height:361px; width:557px; bottom:120px; right:335px; position:absolute;  }

.sb_mw_bg03 { background:url("../images/pofol/sb_mw_bg03.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1268px; z-index:2; }
.sb_mw_img03 { background:url("../images/pofol/sb_mw_img03.png") no-repeat; background-size:100% auto; height:3219px;width:1760px; left:80px; @margin-left:-880px; position:absolute; top:2660px;  }
.sb_mw_txt03 { background:url("../images/pofol/sb_mw_txt03.png") no-repeat; background-size:100% auto; height:361px; width:555px; top:145px; left:330px; position:absolute; }
/* 스타벅스 모바일 리뉴얼 */

/* 스타벅스 앱 리뉴얼 */
.sb_official_bg01 { background: url(../img/pofol/sb_official_bg01.jpg) center top no-repeat;background-size: 100% auto;height: 1224px;left: 50%;margin-left: -960px;position: relative;width: 1920px;z-index: 4;}

.sb_official_img01 { background:url("../images/pofol/sb_official_img01.png") no-repeat; background-size:100% auto; height:842px; left:50%; /* position:absolute;  */top:442px; width:100%; }
.sb_official_bg02 { background:url("../images/pofol/sb_official_bg02.jpg") center top no-repeat; background-size:100% auto; height:4583px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:2; }
.sb_official_img02 { background:url("../images/pofol/sb_official_img02.png") no-repeat; background-size:100% auto; height:2386px; left:0; position:absolute; top:60px; width:1717px; }
.sb_official_txt01 { background:url("../images/pofol/sb_official_txt01.png") no-repeat; background-size:100% auto; height:238px; left:727px; position:absolute; top:516px; width:848px; }
.sb_official_txt02 { background:url("../images/pofol/sb_official_txt02.png") no-repeat; background-size:100% auto; height:261px; left:319px; position:absolute; top:2037px; width:819px; }
.sb_official_img03 { background:url("../images/pofol/sb_official_img03.png") no-repeat; background-size:100% auto; height:2029px; left:248px; position:absolute; top:2386px; width:1377px; }
.sb_official_txt03 { background:url("../images/pofol/sb_official_txt03.png") no-repeat; background-size:100% auto; height:406px; left:589px; position:absolute; top:3926px; width:491px; }
.sb_official_bg03 { background:url("../images/pofol/sb_official_bg03.jpg") center top no-repeat; background-size:100% auto; height:1112px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.sb_official_img04 { background:url("../images/pofol/sb_official_img04.png") no-repeat; background-size:100% auto; height:1226px; left:125px; position:absolute; top:-114px; width:1385px; }
.sb_official_txt04 { background:url("../images/pofol/sb_official_txt04.png") no-repeat; background-size:100% auto; height:535px; left:1216px; position:absolute; top:101px; width:387px; }
.sb_official_bg04 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.sb_official_bg04:after { clear:both; content:""; display:block; }
/* 스타벅스 앱 리뉴얼 end */

/* 맥포머스 반응형 */
.mf_bg02 { background:url("../images/pofol/mf_bg01.jpg") center top no-repeat; background-size:100% auto; height:5994px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.mf_img01 { background:url("../images/pofol/mf_img01.png") no-repeat; background-size:100% auto; height:698px; left:50%; margin-left:-640px; position:absolute; top:2px; width:1280px; }
.mf_txt01 { background:url("../images/pofol/mf_txt01.png") no-repeat; background-size:100% auto; height:215px; left:320px; position:absolute; top:202px; width:458px; }
.mf_img02 { background:url("../images/pofol/mf_img02.png") no-repeat; background-size:100% auto; height:2919px; left:50%; margin-left:-670px; position:absolute; top:700px; width:1340px; }
.mf_txt02 { background:url("../images/pofol/mf_txt02.png") no-repeat; background-size:100% auto; height:73px; left:882px; position:absolute; top:3730px; width:459px; z-index:5; }
.mf_txt03 { background:url("../images/pofol/mf_txt03.png") no-repeat; background-size:100% auto; height:270px; left:764px; position:absolute; top:3876px; width:456px; z-index:5; }
.mf_txt04 { background:url("../images/pofol/mf_txt04.png") no-repeat; background-size:100% auto; height:273px; left:442px; position:absolute; top:4951px; width:468px; z-index:5; }
.mf_txt05 { background:url("../images/pofol/mf_txt05.png") no-repeat; background-size:100% auto; height:290px; left:697px; position:absolute; top:5375px; width:448px; z-index:5; }
.mf_img03 { background:url("../images/pofol/mf_img03.png") no-repeat; background-size:100% auto; height:2367px; left:50%; margin-left:-990px; position:absolute; top:3726px; width:1980px; }
.mf_bg03 { background:url("../images/pofol/mf_bg02.jpg") center top no-repeat; background-size:100% auto; height:1011px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.mf_img04 { background:url("../images/pofol/mf_img04.png") no-repeat; background-size:100% auto; bottom:0; height:763px; left:214px; position:absolute; width:1670px; }
.mf_txt06 { background:url("../images/pofol/mf_txt06.png") no-repeat; background-size:100% auto; height:97px; left:319px; position:absolute; top:99px; width:402px; z-index:5; }
.mf_bg04 { background:#df3343; height:381px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:2; }
.mf_txt07 { background:url("../images/pofol/mf_txt07.png") no-repeat; background-size:100% auto; height:157px; left:321px; position:absolute; top:102px; width:1281px; z-index:5; }	
.m_pofol6 .pofol_proj_btn_wrap { position:absolute; bottom:5%; left:5%; }
/* 맥포머스 반응형 */

/* 국립재난안전연구원 동영상 제작 프로젝트 */
.ndmi_bg01 { background:url("../images/pofol/ndmi_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:2459px; z-index:4; }
.ndmi_img01_01 { background:url("../images/pofol/ndmi_img01_01.jpg") no-repeat; background-size:100% auto; height:777px;width:1280px; left:50%; margin-left:-640px; position:absolute; top:0px;  }
.ndmi_img01_02 { background:url("../images/pofol/ndmi_img01_02.jpg") no-repeat; background-size:100% auto; height:1432px;width:1280px; left:50%; margin-left:-640px; position:absolute; top:927px;  }
.ndmi_txt01 { background:url("../images/pofol/ndmi_txt01.png") no-repeat; background-size:100% auto; height:16px; width:1183px; top:867px; left:320px; position:absolute; }

.ndmi_bg02 { background:url("../images/pofol/ndmi_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1184px; }
.ndmi_img02 { background:url("../images/pofol/ndmi_img02.png") no-repeat; background-size:100% auto; width:1775px;height:1029px; left:72px; position:absolute; top:80px;  }
.ndmi_txt02 { background:url("../images/pofol/ndmi_txt02.png") no-repeat; background-size:100% auto; height:40px; width:499px; bottom:115px; right:435px; position:absolute;  }

.ndmi_bg03 { background:url("../images/pofol/ndmi_bg03.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1436px; z-index:2; }
.ndmi_img03 { background:url("../images/pofol/ndmi_img03.png") no-repeat; background-size:100% auto; height:1439px;width:1923px; left:0; @margin-left:-880px; position:absolute; top:0; z-index:4; }
.ndmi_txt03 { background:url("../images/pofol/ndmi_txt03.png") no-repeat; background-size:100% auto; height:16px; width:582px; top:300px; left:640px; position:absolute; }

.ndmi_bg04 { background:url("../images/pofol/ndmi_bg04.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:856px; z-index:2; }
.ndmi_img04 { background:url("../images/pofol/ndmi_img04.png") no-repeat; background-size:100% auto; height:599px;width:1736px; left:92px; @margin-left:-880px; position:absolute; top:135px;  }
.ndmi_txt04 { background:url("../images/pofol/ndmi_txt04.png") no-repeat; background-size:100% auto; height:16px; width:740px; top:87px; right:530px; position:absolute; }
/* 국립재난안전연구원 동영상 제작 프로젝트 end */
	
/* 대한항공 내그비 공모전 프로젝트 */
.kap_bg02 { background:url("../images/pofol/kap_bg01.jpg") center top no-repeat; background-size:100% auto; height:1276px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.kap_img01 { background:url("../images/pofol/kap_img01.png") no-repeat; background-size:100% auto; height:1276px; left:50%; margin-left:-960px; position:absolute; top:0px; width:1920px; }
.kap_bg03 { background:url("../images/pofol/kap_bg02.jpg") center top no-repeat; background-size:100% auto; height:2124px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.kap_img02 { background:url("../images/pofol/kap_img02.png") no-repeat; background-size:100% auto; height:1925px; left:300px;  position:absolute; top:130px; width:1020px; }
.kap_ani { background:url("../images/pofol/kap_ani.gif") no-repeat; background-size:100% auto; height:240px; left:1358px; position:absolute; top:1787px; width:240px; }
.kap_txt01 { background:url("../images/pofol/kap_txt01.png") no-repeat; background-size:100% auto; height:98px; left:50%; margin-left:-640px; position:absolute; top:0px; width:1280px; }
.kap_bg04 { background:url("../images/pofol/kap_bg03.jpg") center top no-repeat; background-size:100% auto; height:1319px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.kap_img03 { background:url("../images/pofol/kap_img03.png") no-repeat; background-size:100% auto; height:1104px; left:300px;  position:absolute; top:106px; width:1319px; }
.kap_txt02 { background:url("../images/pofol/kap_txt02.png") no-repeat; background-size:100% auto; height:72px; left:50%; margin-left:-640px; position:absolute; top:0px; width:1280px; }
.kap_bg05 { background:url("../images/pofol/kap_bg04.jpg") center top no-repeat; background-size:100% auto; height:1087px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.kap_img04 { background:url("../images/pofol/kap_img04.png") no-repeat; background-size:100% auto; height:852px; left:300px;  position:absolute; top:115px; width:1320px; }
.kap_txt03 { background:url("../images/pofol/kap_txt03.png") no-repeat; background-size:100% auto; height:74px; left:50%; margin-left:-640px; position:absolute; top:0px; width:1280px; }
.kap_bg06 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.kap_bg06:after { clear:both; content:""; display:block; }
/* 대한항공 내그비 공모전 프로젝트 end */

/* 스타벅스 15주년 마이크로사이트 */
.spn15_bg02 { background:url("../images/pofol/spn15_bg01.jpg") center top no-repeat; background-size:100% auto; height:4412px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.spn15_img01 { background:url("../images/pofol/spn15_img01.png") no-repeat; background-size:100% auto; height:33px; left:320px; position:absolute; top:96px; width:164px; }
.spn15_img02 { background:url("../images/pofol/spn15_img02.png") no-repeat; background-size:100% auto; height:853px; left:50%; margin-left:-660px; position:absolute; top:230px; width:1320px; }
.spn15_txt01 { background:url("../images/pofol/spn15_txt01.png") no-repeat; background-size:100% auto; height:184px; left:318px; position:absolute; top:1196px; width:642px; }
.spn15_img03 { background:url("../images/pofol/spn15_img03.png") no-repeat; background-size:100% auto; height:370px; left:1121px; position:absolute; top:1169px; width:479px; }
.spn15_txt02 { background:url("../images/pofol/spn15_txt02.png") no-repeat; background-size:100% auto; height:117px; left:180px; position:absolute; top:1509px; width:339px; }
.spn15_txt03 { background:url("../images/pofol/spn15_txt03.png") no-repeat; background-size:100% auto; height:202px; left:768px; position:absolute; top:2985px; width:269px; }
.spn15_txt04 { background:url("../images/pofol/spn15_txt04.png") no-repeat; background-size:100% auto; height:142px; left:882px; position:absolute; top:3519px; width:337px; }
.spn15_img04 { background:url("../images/pofol/spn15_img04.png") no-repeat; background-size:100% auto; height:2765px; left:0px; position:absolute; top:1572px; width:1920px; }
.spn15_txt05 { background:url("../images/pofol/spn15_txt05.png") no-repeat; background-size:100% auto; height:279px; left:960px; position:absolute; top:3940px; width:640px; }
.spn15_bg03 { background:url("../images/pofol/spn15_bg03.jpg") center top no-repeat; background-size:100% auto; height:2099px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.spn15_img05 { background:url("../images/pofol/spn15_img05.png") no-repeat; background-size:100% auto; height:762px; left:0px; position:absolute; top:53px; width:1240px; }
.spn15_txt06 { background:url("../images/pofol/spn15_txt06.png") no-repeat; background-size:100% auto; height:278px; left:1025px; position:absolute; top:673px; width:575px; }
.spn15_img06 { background:url("../images/pofol/spn15_img06.png") no-repeat; background-size:100% auto; height:1080px; left:50%; margin-left:-660px; position:absolute; top:895px; width:1320px; }
.spn15_bg04 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.spn15_bg04:after { clear:both; content:""; display:block; }
/* 포폴9 end */

/* 포폴10 */
.ka_ti_bg01 { background:url("../images/pofol/ka_ti_bg01.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:1350px; z-index:4; }
.ka_ti_img01 { background:url("../images/pofol/ka_ti_img01.png") no-repeat; background-size:100% auto; height:1328px;width:1423px; left:280px; @margin-left:-617.5px; position:absolute; top:30px;  }
.ka_ti_txt01_01 { background:url("../images/pofol/ka_ti_txt01_01.png") no-repeat; background-size:100% auto; height:109px; width:173px; top:420px; right:350px; position:absolute; }
.ka_ti_txt01_02 { background:url("../images/pofol/ka_ti_txt01_02.png") no-repeat; background-size:100% auto; height:40px; width:515px; top:765px; left:325px; position:absolute; }

.ka_ti_bg02 { background:url("../images/pofol/ka_ti_bg02.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:735px; }
.ka_ti_img02 { background:url("../images/pofol/ka_ti_img02.png") no-repeat; background-size:100% auto; width:1308px;height:676px; left:280px; top:30px; @margin-left:-598.5px; position:absolute;  }
.ka_ti_txt02 { background:url("../images/pofol/ka_ti_txt02.png") no-repeat; background-size:100% auto; height:54px; width:355px; top:220px; right:600px; position:absolute;  }

.ka_ti_bg03 { background:url("../images/pofol/ka_ti_bg03.jpg") center top no-repeat; background-size:100% auto;  left:50%; margin-left:-960px; position:relative; width:1920px;height:950px; z-index:2; }
.ka_ti_img03 { background:url("../images/pofol/ka_ti_img03.png") no-repeat; background-size:100% auto; height:906px;width:1482px; right:100px; @margin-left:-626px; position:absolute; top:30px; z-index:4; }
.ka_ti_txt03 { background:url("../images/pofol/ka_ti_txt03.png") no-repeat; background-size:100% auto; height:53px; width:336px; top:0px; left:445px; position:absolute; }
/* 포폴10 end */

/* 포폴11 */
.lg_bg01 { background:url("../images/pofol/lg_bg01.jpg") center top no-repeat; background-size:100% auto; height:941px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.lg_img01 { background:url("../images/pofol/lg_img01.png") no-repeat; background-size:100% auto; height:830px; left:50%; margin-left:-557px; position:absolute; top:108px; width:1114px; }
.lg_bg02 { background:url("../images/pofol/lg_bg02.jpg") center top no-repeat; background-size:100% auto; height:2410px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.lg_img02 { background:url("../images/pofol/lg_img02.png") no-repeat; background-size:100% auto; height:654px; left:320px;  position:absolute; top:100px; width:937px; }
.lg_txt01 { background:url("../images/pofol/lg_txt01.png") no-repeat; background-size:100% auto; height:116px; right:320px; position:absolute; top:562px; width:309px; }
.lg_img03 { background:url("../images/pofol/lg_img03.png") no-repeat; background-size:100% auto; height:654px; right:320px;  position:absolute; top:835px; width:937px; }
.lg_txt02 { background:url("../images/pofol/lg_txt02.png") no-repeat; background-size:100% auto; height:69px; left:320px; position:absolute; top:1336px; width:309px; }
.lg_img04 { background:url("../images/pofol/lg_img04.png") no-repeat; background-size:100% auto; height:654px; left:320px;  position:absolute; top:1569px; width:937px; }
.lg_txt03 { background:url("../images/pofol/lg_txt03.png") no-repeat; background-size:100% auto; height:69px; right:320px; position:absolute; top:2080px; width:309px; }
/* 포폴11 end */

/* 포폴12 */
.hyn_bg01 { background:url("../images/pofol/hyn_bg01.jpg") center top no-repeat; background-size:100% auto; height:8008px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.hyn_img01 { background:url("../images/pofol/hyn_img01.png") no-repeat; background-size:100% auto; height:931px; left:50%; margin-left:-650px; position:absolute; top:287px; width:1300px; }
.hyn_txt01 { background:url("../images/pofol/hyn_txt01.png") no-repeat; background-size:100% auto; height:89px; left:50%; margin-left:-331px; position:absolute; top:1277px; width:662px; }
.hyn_img02 { background:url("../images/pofol/hyn_img02.png") no-repeat; background-size:100% auto; height:3649px; left:60px;  position:absolute; top:1429px; width:1610px; }
.hyn_txt02 { background:url("../images/pofol/hyn_txt02.png") no-repeat; background-size:100% auto; height:89px; left:462px; position:absolute; top:3930px; width:804px; }
.hyn_img03 { background:url("../images/pofol/hyn_img03.png") no-repeat; background-size:100% auto; bottom:0; height:3021px; right:60px; position:absolute; width:1610px; }
.hyn_txt03 { background:url("../images/pofol/hyn_txt03.png") no-repeat; background-size:100% auto; height:89px; left:684px; position:absolute; top:5104px; width:742px; }
/* 포폴12 end */

/* 포폴13 */
.fds_bg01 { background:url("../images/pofol/fds_bg01.jpg") center top no-repeat; background-size:100% auto; height:1403px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.fds_img01 { background:url("../images/pofol/fds_img01.png") no-repeat; background-size:100% auto; height:1057px; left:50%; margin-left:-650px; position:absolute; top:153px; width:1300px; }
.fds_txt01 { background:url("../images/pofol/fds_txt01.png") no-repeat; background-size:100% auto; height:45px; left:50%; margin-left:-414px; position:absolute; top:1260px; width:828px; }
.fds_bg02 { background:url("../images/pofol/fds_bg02.jpg") center top no-repeat; background-size:100% auto; height:1737px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.fds_img02 { background:url("../images/pofol/fds_img02.png") no-repeat; background-size:100% auto; height:1517px; left:50%; margin-left:-650px; position:absolute; top:110px; width:1300px; }
.fds_txt02 { background:url("../images/pofol/fds_txt02.png") no-repeat; background-size:100% auto; height:92px; right:320px; position:absolute; top:620px; width:283px; }
.fds_bg03 { background:url("../images/pofol/fds_bg03.jpg") center top no-repeat; background-size:100% auto; height:2417px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:2; }
.fds_img03 { background:url("../images/pofol/fds_img03.png") no-repeat; background-size:100% auto; height:1370px; right:310px; position:absolute; top:110px; width:980px; }
.fds_txt03 { background:url("../images/pofol/fds_txt03.png") no-repeat; background-size:100% auto; height:44px; left:320px; position:absolute; top:1370px; width:287px; }
.fds_img04 { background:url("../images/pofol/fds_img04.png") no-repeat; background-size:100% auto; height:640px; left:50%; margin-left:-650px; position:absolute; top:1590px; width:1300px; }
.fds_txt04 { background:url("../images/pofol/fds_txt04.png") no-repeat; background-size:100% auto; height:67px; right:320px; position:absolute; top:1610px; width:329px; }
/* 포폴13 end */


/* 포폴14 */
.kad_bg01 { background:url("../images/pofol/kad_bg01.jpg") center top no-repeat; background-size:100% auto; height:924px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.kad_img01 { background:url("../images/pofol/kad_img01.png") no-repeat; background-size:100% auto; height:924px; left:50%; margin-left:-960px; position:absolute; top:2px; width:1920px; }
.kad_txt01 { background:url("../images/pofol/kad_txt01.png") no-repeat; background-size:100% auto; height:111px; left:960px; position:absolute; top:214px; width:640px; }
.kad_txt02 { background:url("../images/pofol/kad_txt02.png") no-repeat; background-size:100% auto; height:208px; left:1125px; position:absolute; top:446px; width:475px; }
.kad_bg02 { background:url("../images/pofol/kad_bg02.jpg") center top no-repeat; background-size:100% auto; height:1080px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.kad_txt03 { background:url("../images/pofol/kad_txt03.png") no-repeat; background-size:100% auto; height:87px; left:635px; position:absolute; top:167px; width:649px; }
.kad_img02 { background:url("../images/pofol/kad_img02.png") no-repeat; background-size:100% auto; top:334px; height:570px; left:170px; position:absolute; width:1580px; }
.kad_bg03 { background:url("../images/pofol/kad_bg03.jpg") no-repeat; background-size:100% auto; height:1140px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:2; }
.kad_txt04 { background:url("../images/pofol/kad_txt04.png") no-repeat; background-size:100% auto; height:242px; left:319px; position:absolute; top:438px; width:327px; }
.kad_img03 { background:url("../images/pofol/kad_img03.png") no-repeat; background-size:100% auto; height:1140px; left:50%; margin-left:-960px; position:absolute; top:0px; width:1920px; }
.kad_bg04 { background:url("../images/pofol/kad_bg04.jpg") no-repeat; background-size:100% auto; height:1862px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:2; }
.kad_txt05 { background:url("../images/pofol/kad_txt05.png") no-repeat; background-size:100% auto; height:97px; left:747px; position:absolute; top:90px; width:428px; }
.kad_img04 { background:url("../images/pofol/kad_img04.png") no-repeat; background-size:100% auto; height:1470px; left:306px; position:absolute; top:274px; width:1305px; }
.kad_bg05 { background:url("../images/pofol/kad_bg05.jpg") no-repeat; background-size:100% auto; height:3412px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.kad_txt06 { background:url("../images/pofol/kad_txt06.png") no-repeat; background-size:100% auto; height:122px; left:759px; position:absolute; top:108px; width:402px; }
.kad_img05 { background:url("../images/pofol/kad_img05.png") no-repeat; background-size:100% auto; height:2955px; left:306px; position:absolute; top:308px; width:1308px; }
.kad_bg06 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.kad_bg06:after { clear:both; content:""; display:block; }
/* 포폴14 end */

/* 포폴15 */
.spmsr_bg01 { background:url("../images/pofol/spmsr_bg01.jpg") center top no-repeat; background-size:100% auto; height:3274px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.spmsr_img01 { background:url("../images/pofol/spmsr_img01.png") no-repeat; background-size:100% auto; height:3010px; left:50%; margin-left:-640px; position:absolute; top:182px; width:1280px; }
.spmsr_txt01 { background:url("../images/pofol/spmsr_txt01.png") no-repeat; background-size:100% auto; height:48px; left:320px; position:absolute; top:33px; width:134px; }
.spmsr_txt02 { background:url("../images/pofol/spmsr_txt02.png") no-repeat; background-size:100% auto; height:71px; left:1101px; position:absolute; top:322px; width:386px; }
.spmsr_txt03 { background:url("../images/pofol/spmsr_txt03.png") no-repeat; background-size:100% auto; height:159px; left:1164px; position:absolute; top:1099px; width:304px; }
.spmsr_txt04 { background:url("../images/pofol/spmsr_txt04.png") no-repeat; background-size:100% auto; height:87px; left:1279px; position:absolute; top:1657px; width:272px; }
.spmsr_txt05 { background:url("../images/pofol/spmsr_txt05.png") no-repeat; background-size:100% auto; height:112px; left:1108px; position:absolute; top:2647px; width:238px; }
.spmsr_bg02 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.spmsr_bg02:after { clear:both; content:""; display:block; }
/* 포폴15 end */

/* 포폴16 */
.spwa_bg01 { background:url("../images/pofol/spwa_bg01.jpg") center top no-repeat; background-size:100% auto; height:1440px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.spwa_txt01 { background:url("../images/pofol/spwa_txt01.png") no-repeat; background-size:100% auto; height:78px; left:320px; position:absolute; top:19px; width:214px; }
.spwa_img01 { background:url("../images/pofol/spwa_img01.png") no-repeat; background-size:100% auto; height:789px; left:50%; margin-left:-640px; position:absolute; top:140px; width:1280px; }
.spwa_txt02 { background:url("../images/pofol/spwa_txt02.png") no-repeat; background-size:100% auto; height:15px; left:423px; position:absolute; top:961px; width:1073px; }
.spwa_img02 { background:url("../images/pofol/spwa_img02.png") no-repeat; background-size:100% auto; height:589px; left:237px; position:absolute; top:1096px; width:860px; z-index:4; }
.spwa_txt03 { background:url("../images/pofol/spwa_txt03.png") no-repeat; background-size:100% auto; height:87px; left:1144px; position:absolute; top:1224px; width:429px; }
.spwa_bg02 { background:url("../images/pofol/spwa_bg02.jpg") center top no-repeat; background-size:100% auto; height:1573px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:3; }
.spwa_img03 { background:url("../images/pofol/spwa_img03.png") no-repeat; background-size:100% auto; height:1139px; left:237px; position:absolute; top:347px; width:1642px; z-index:3; }
.spwa_txt04 { background:url("../images/pofol/spwa_txt04.png") no-repeat; background-size:100% auto; height:161px; left:1157px; position:absolute; top:1184px; width:334px; }
.spwa_bg03 { background:#fff; height:382px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:1; }
.spwa_bg03:after { clear:both; content:""; display:block; }
/* 포폴16 end */

/* 포폴17 */
.smhz_bg01 { background:url("../images/pofol/smhz_bg01.jpg") center top no-repeat; background-size:100% auto; height:3499px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.smhz_txt01 { background:url("../images/pofol/smhz_txt01.png") no-repeat; background-size:100% auto; height:41px; left:565px; position:absolute; top:985px; width:788px; }
.smhz_img01 { background:url("../images/pofol/smhz_img01.png") no-repeat; background-size:100% auto; height:3399px; left:50%; margin-left:-768px; position:absolute; top:100px; width:1536px; }
/* 포폴17 end */

/* 포폴18 */
.kt_bg01 { background:url("../images/pofol/kt_bg01.jpg") left top repeat-x; height:2390px; position:relative; width:100%; z-index:4; }
.kt_img01 { background:url("../images/pofol/kt_img01.png") no-repeat; background-size:100% auto; height:644px; left:50%; margin-left:-663.5px; position:absolute; top:62px; width:1327px; }
.kt_img02 { background:url("../images/pofol/kt_img02.png") no-repeat; background-size:100% auto; height:692px; left:50%; margin-left:-663.5px; position:absolute; top:706px; width:1327px; }
.kt_img03 { background:url("../images/pofol/kt_img03.png") no-repeat; background-size:100% auto; height:893px; left:50%; margin-left:-663.5px; position:absolute; top:1398px; width:1327px; }
/* 포폴18 end */

/* 포폴19 */
.hg_bg02 { background:url("../images/pofol/hg_bg01.jpg") center top no-repeat; background-size:100% auto; height:627px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.hg_img01 { background:url("../images/pofol/hg_img01.png") no-repeat; background-size:100% auto; height:333px; left:50%; margin-left:-435px; position:absolute; top:140px; width:870px; }

.hg_bg03 { background:url("../images/pofol/hg_bg02.jpg") center top no-repeat; background-size:100% auto; height:5185px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.hg_txt01 { background:url("../images/pofol/hg_txt01.png") no-repeat; background-size:100% auto; height:99px; left:50%; margin-left:-367px; position:absolute; top:79px; width:734px; }
.hg_img02 { background:url("../images/pofol/hg_img02.png") no-repeat; background-size:100% auto; height:1417px; left:400px; position:absolute; top:258px; width:1301px; }
.hg_txt02 { background:url("../images/pofol/hg_txt02.png") no-repeat; background-size:100% auto; height:102px; left:50%; margin-left:-424px; position:absolute; top:1821px; width:848px; }
.hg_img03 { background:url("../images/pofol/hg_img03.png") no-repeat; background-size:100% auto; height:445px; left:525px; position:absolute; top:2064px; width:835px; }
.hg_txt03 { background:url("../images/pofol/hg_txt03.png") no-repeat; background-size:100% auto; height:128px; left:399px; position:absolute; top:2569px; width:1076px; }
.hg_img04 { background:url("../images/pofol/hg_img04.png") no-repeat; background-size:100% auto; height:1375px; left:400px; position:absolute; top:2767px; width:1120px; }
.hg_txt04 { background:url("../images/pofol/hg_txt04.png") no-repeat; background-size:100% auto; height:106px; left:399px; position:absolute; top:4259px; width:730px; }
.hg_img05 { background:url("../images/pofol/hg_img05.png") no-repeat; background-size:100% auto; height:261px; left:400px; position:absolute; top:4394px; width:1120px; }
.hg_txt05 { background:url("../images/pofol/hg_txt05.png") no-repeat; background-size:100% auto; height:56px; left:399px; position:absolute; top:4713px; width:677px; }
.hg_img06 { background:url("../images/pofol/hg_img06.png") no-repeat; background-size:100% auto; height:257px; left:400px; position:absolute; top:4789px; width:1120px; }

.hg_bg04 { background:url("../images/pofol/hg_bg03.jpg") center top no-repeat; background-size:100% auto; height:2584px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.hg_txt06 { background:url("../images/pofol/hg_txt06.png") no-repeat; background-size:100% auto; height:99px; left:50%; margin-left:-412.5px; position:absolute; top:126px; width:825px; }
.hg_img07 { background:url("../images/pofol/hg_img07.png") no-repeat; background-size:100% auto; height:1030px; left:400px; position:absolute; top:303px; width:1120px; }
.hg_txt07 { background:url("../images/pofol/hg_txt07.png") no-repeat; background-size:100% auto; height:30px; left:50%; margin-left:-86px; position:absolute; top:1591px; width:172px; }
.hg_img08 { background:url("../images/pofol/hg_img08.png") no-repeat; background-size:100% auto; height:680px; left:380px; position:absolute; top:1691px; width:1160px; }
/* 포폴19 end */

/* 에스쁘아 포폴 */
.esp_bg02 { background:url("../images/pofol/2017/esp_bg02.jpg") center top no-repeat; background-size:100% auto; height:2730px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.esp_img01 { background:url("../images/pofol/2017/esp_img01.jpg") no-repeat; background-size:100% auto; height:2730px; left:50%; margin-left:-640.5px; position:absolute; top:0; width:1281px; }

.esp_bg03 { background:url("../images/pofol/2017/esp_bg03.jpg") center top no-repeat; background-size:100% auto; height:999px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.esp_img02 { background:url("../images/pofol/2017/esp_img02.jpg") no-repeat; background-size:100% auto; height:999px; left:50%; margin-left:-640.5px; position:absolute; top:0; width:1281px; }

.esp_bg04 { background:url("../images/pofol/2017/esp_bg04.jpg") center top no-repeat; background-size:100% auto; height:1312px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.esp_txt01 { background:url("../images/pofol/2017/esp_txt01.png") no-repeat; background-size:100% auto; height:143px; left:50%; margin-left:-640.5px; position:absolute; top:82px; width:1281px; }
.esp_img03 { background:url("../images/pofol/2017/esp_img03.jpg") no-repeat; background-size:100% auto; height:927px; left:50%; margin-left:-640.5px; position:absolute; top:305px; width:1281px; }

.esp_bg05 { background:url("../images/pofol/2017/esp_bg05.jpg") center top no-repeat; background-size:100% auto; height:2257px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.esp_txt02 { background:url("../images/pofol/2017/esp_txt02.png") no-repeat; background-size:100% auto; height:143px; left:50%; margin-left:-640.5px; position:absolute; top:0; width:1281px; }
.esp_img04 { background:url("../images/pofol/2017/esp_img04.png") no-repeat; background-size:100% auto; height:1905px; left:50%; margin-left:-640.5px; position:absolute; top:222px; width:1281px; }
/* 에스쁘아 포폴 end */

/* 청담스타 포폴 */
.cheong_bg02 { background:url("../images/pofol/2017/cheong_bg02.jpg") center top no-repeat; background-size:100% auto; height:700px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.cheong_logo { background:url("../images/pofol/2017/cheong_logo.PNG") no-repeat; background-size:100% auto; height:435px; left:50%; margin:-217.5px 0 0 -276px; position:absolute; top:50%; width:552px; }

.cheong_bg03 { background:url("../images/pofol/2017/cheong_bg03.jpg") center top no-repeat; background-size:100% auto; height:1076px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.cheong_img01 { background:url("../images/pofol/2017/cheong_img01.jpg") no-repeat; background-size:100% auto; bottom:0; height:966px; left:320px; position:absolute; width:800px; }
.cheong_txt01 { background:url("../images/pofol/2017/cheong_txt01.png") no-repeat; background-size:100% auto; height:269px; left:1188px; position:absolute; top:626px; width:295px; }

.cheong_bg04 { background:url("../images/pofol/2017/cheong_bg04.jpg") center top no-repeat; background-size:100% auto; height:1850px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.cheong_img02 { background:url("../images/pofol/2017/cheong_img02.jpg") no-repeat; background-size:100% auto; height:140px; left:320px; position:absolute; top:0; width:800px; }
.cheong_img03 { background:url("../images/pofol/2017/cheong_img03.png") no-repeat; background-size:100% auto; height:955px; left:406px; position:absolute; top:310px; width:295px; }
.cheong_img04 { background:url("../images/pofol/2017/cheong_img04.jpg") no-repeat; background-size:100% auto; height:1436px; left:800px; position:absolute; top:310px; width:800px; }
.cheong_txt02 { background:url("../images/pofol/2017/cheong_txt02.png") no-repeat; background-size:100% auto; bottom:108px; height:268px; left:405px; position:absolute; width:298px; }

.cheong_bg05 { background:url("../images/pofol/2017/cheong_bg05.jpg") center top no-repeat; background-size:100% auto; height:1854px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }
.cheong_img05 { background:url("../images/pofol/2017/cheong_img05.png") no-repeat; background-size:100% auto; height:1736px; left:320px; position:absolute; top:0; width:1160px; }
.cheong_txt03 { background:url("../images/pofol/2017/cheong_txt03.png") no-repeat; background-size:100% auto; bottom:211px; height:221px; left:1159px; position:absolute; width:324px; }
/* 청담스타 포폴 end */

/* 현대채용 포폴 */
.hdr_bg02 { background:url("../images/pofol/hdr_bg01.jpg") center top no-repeat; background-size:100% auto; height:10079px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }

.hdr_bg03_wrap { height:2334px; position:relative; width:1920px; }
.hdr_bg03 { background:url("../images/pofol/hdr_img01.png") no-repeat; background-size:100% auto; bottom:0; height:2141px; left:50%; margin-left:-650px; position:absolute; width:1300px; }
.hdr_bg04_wrap { height:2706px; position:relative; width:1920px; }
.hdr_bg04 { background:url("../images/pofol/hdr_img02.png") no-repeat; background-size:100% auto; bottom:0; height:2666px; left:50%; margin-left:-805px; position:absolute; width:1610px; }
.hdr_bg05_wrap { height:1762px; position:relative; width:1920px; }
.hdr_bg05 { background:url("../images/pofol/hdr_img03.png") no-repeat; background-size:100% auto; height:1762px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }
.hdr_bg06_wrap { height:1888px; position:relative; width:1920px; }
.hdr_bg06 { background:url("../images/pofol/hdr_img04.png") no-repeat; background-size:100% auto; height:1888px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }
.hdr_bg07_wrap { height:1389px; position:relative; width:1920px; }
.hdr_bg07 { background:url("../images/pofol/hdr_img05.png") no-repeat; background-size:100% auto; height:1389px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }
/* 현대채용 포폴 end */

/* 기아채용 포폴 */
.kia_bg02 { background:url("../images/pofol/kia_bg01.jpg") center top no-repeat; background-size:100% auto; height:12498px; left:50%; margin-left:-960px; position:relative; width:1920px; z-index:4; }

.kia_bg03_wrap { height:917px; position:relative; width:1920px; }
.kia_bg03 { background:url("../images/pofol/kia_img01.jpg") no-repeat; background-size:100% auto; bottom:0; height:747px; left:50%; margin-left:-640px; position:absolute; width:1280px; }

.kia_bg04_wrap { height:1593px; position:relative; width:1920px; }
.kia_bg04 { background:url("../images/pofol/kia_img02.png") no-repeat; background-size:100% auto; bottom:0; height:1503px; left:50%; margin-left:-805px; position:absolute; width:1610px; }

.kia_bg05_wrap { height:1444px; position:relative; width:1920px; }
.kia_bg05 { background:url("../images/pofol/kia_img03.png") no-repeat; background-size:100% auto; height:1444px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }

.kia_bg06_wrap { height:1459px; position:relative; width:1920px; }
.kia_bg06 { background:url("../images/pofol/kia_img04.png") no-repeat; background-size:100% auto; height:1400px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }

.kia_bg07_wrap { height:2905px; position:relative; width:1920px; }
.kia_bg07 { background:url("../images/pofol/kia_img05.png") no-repeat; background-size:100% auto; height:2905px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }

.kia_bg08_wrap { height:1742px; position:relative; width:1920px; }
.kia_bg08 { background:url("../images/pofol/kia_img06.png") no-repeat; background-size:100% auto; height:1742px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }

.kia_bg09_wrap { height:2438px; position:relative; width:1920px; }
.kia_bg09 { background:url("../images/pofol/kia_img07.png") no-repeat; background-size:100% auto; height:2438px; left:50%; margin-left:-805px; position:absolute; top:0; width:1610px; }
/* 기아채용 포폴 end */

/* Location */
#location-map{position:relative;top:0;height:400px;margin-top:70px;}
.info > h4{margin-top:1.5em;margin-bottom:.5em;font-weight:400;}
.info > div{padding-right:0;}
.info .address,.info .subw{margin-bottom:1em;}
.info > div > p{margin-top:0;margin-bottom:.5em;font-size:16px;}
.loc-col{padding-right:10px;font-weight:400;}
.sub-line{padding:2px 10px;border-radius:100%;color:#fff;background-color:#bdb092;}


.pofol-tit {display:none;position:absolute;z-index:9;bottom:0;padding:0 5%;color:#fff;line-height:1.3;word-break:keep-all}


.w_con p {text-align:center;}

/* PC 사이즈 */
@media all and (min-width:1340px){
 h4{font-size:28px !important;}
}

/* 모바일 & 태블릿 */
@media all and (min-width:0) and (max-width:1139px)
{	

	/* TAB */
	.tab_comm_wrap{-ms-overflow-style:none;}
	::-webkit-scrollbar{display:none;}

	/* Sub Title */
	.sub-section .sub-text-wrap{padding:70px 0;}
	.sub-section .sub-text-wrap .txt{font-size:18px;}

	/* Circle */
	#sub_wrap .sub-bg-circle_01:after{top:288px}

	/* Location */
	#location-map{height:0;padding-bottom:100%;}
}

/* 포트폴리오 태블릿 & 모바일 */
@media all and (max-width:1280px){
.modal-tag br{display:block;}
/* 스타벅스 2016 New Year Promotion */
	.sb_ny_ttl {  left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%;}
	.sb_ny_ttl_bg { height:0; left:auto; padding-bottom:20.625%; width:90%;}
	.sb_ny_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:86.9%; width:100%; }
	.sb_ny_img01 { height:0; left:23.4%; margin-left:auto; padding-bottom:86.9%; width:52.2%; top:0; }
	.sb_ny_txt01 { height:0; left:53%; padding-bottom:22%; width:26%; top:31%; }
	.sb_ny_txt01 { height:0; left:53%; padding-bottom:22%; width:30%; top:70%; }
	.sb_ny_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:98%; width:100%; }
	.sb_ny_img02 {  height:0; left:5%; margin-left:auto; padding-bottom:90%; width:90%; bottom:0; }
	.sb_ny_txt02_01 {  height:0; right:8%; margin-left:auto; padding-bottom:16%; width:39%; top:7%; }
	.sb_ny_txt02_02 {  height:0; right:8%; margin-left:auto; padding-bottom:16%; width:39%; top:27%; }
	/* 스타벅스 2016 New Year Promotion end */

	/* 스타벅스 리뉴얼 */
	.sb_ws_ttl { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%;}
	.sb_ws_ttl_bg { height:0; left:auto; padding-bottom:20.625%; width:90%;}
	.sb_ws_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:44%; width:100%; }
	.sb_ws_img01 { height:0; left:10%; margin-left:auto; padding-bottom:7%; width:40%; top:2%; }
	.sb_ws_txt01 { height:0; left:53%; padding-bottom:22%; width:26%; top:31%; }
	.sb_ws_txt01 { height:0; left:53%; padding-bottom:22%; width:30%; top:70%; }

	.sb_ws_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:137%; width:100%; }
	.sb_ws_img02 {  height:0; left:10%; margin-left:auto; padding-bottom:142%; width:48%; top:12%; }
	.sb_ws_txt02_01 {  height:0; left:10%; margin-left:auto; padding-bottom:35%; width:58%; top:1%; }
	.sb_ws_txt02_02 {  height:0; right:14%; margin-left:auto; padding-bottom:58%; width:22%; top:33%; }

	.sb_ws_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:62%; width:100%; }
	.sb_ws_img03 {  height:0; right:15%; margin-left:auto; padding-bottom:142%; width:36%; top:-6%; }
	.sb_ws_txt03 {height:0; left:20%; margin-left:auto; padding-bottom:30%; width:25%; top:45%; }
	
	.sb_ws_bg04 { height:0; left:auto; margin-left:auto; padding-bottom:49%; width:100%; }
	.sb_ws_img04 {  height:0; left:16%; margin-left:auto; padding-bottom:50%; width:26%; top:0%; }
	.sb_ws_txt04 {height:0; right:21%; margin-left:auto; padding-bottom:22%; width:33%; top:28%; }
	/* 스타벅스 리뉴얼 end */

	/* 2015 크리스마스 프로모션 */
	.wp_ttl {  left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%;}
	.wp_ttl_bg { height:0; left:auto;  padding-bottom:20.625%; width:60%;}
	.wp_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:89.5%; width:100%; }
	.wp_img01 { height:0; left:auto; margin-left:auto; padding-bottom:87%; width:100%; top:22%; }
	.wp_txt01 { height:0; left:5%; margin-left:auto; padding-bottom:49%; width:26%; top:47%; }

	.wp_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:68%; width:100%; }
	.wp_img02 {  height:0; left:4%; margin-left:auto; padding-bottom:238.7%; width:75%; top:29.9%; }
	.wp_txt02 {  height:0; right:14%; margin-left:auto; padding-bottom:238.7%; width:17%; top:113%; }

	.wp_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:315%; width:100%; }
	.wp_img03 { height:0; left:3%; margin-left:auto; padding-bottom:183%; width:93%; top:44%; }
	.wp_txt03 {height:0; right:23%; margin-left:auto; padding-bottom:11%; width:25%; top:44%; }
	/* 2015 크리스마스 프로모션 end */

	/* 포폴4 */
	.sb_mw_ttl {  left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%; }
	.sb_mw_ttl_bg { height:0; left:auto; padding-bottom:20.625%; width:90%;}
	.sb_mw_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:66%; width:100%; }
	.sb_mw_img01_01 { height:0; left:15%; margin-left:auto; padding-bottom:27%; width:38%; top:2%; }
	.sb_mw_img01_02 { height:0; left:17%; margin-left:auto; padding-bottom:50%; width:25%; top:17%; }
	.sb_mw_txt01_01 { height:0; left:53%; padding-bottom:22%; width:26%; top:31%; }
	.sb_mw_txt01_02 { height:0; left:53%; padding-bottom:22%; width:30%; top:70%; }

	.sb_mw_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:148%; width:100%; }
	.sb_mw_img02 {  height:0; left:10%; margin-left:auto; padding-bottom:142%; width:80%; top:6.9%; }
	.sb_mw_txt02_01 {  height:0; left:19%; margin-left:auto; padding-bottom:35%; width:27%; top:7%; }
	.sb_mw_txt02_02 {  height:0; right:14%; margin-left:auto; padding-bottom:25%; width:36%; top:82%; }

	.sb_mw_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:66%; width:100%; }
	.sb_mw_txt03 {height:0; left:15%; margin-left:auto; padding-bottom:22%; width:32%; top:7%; }
	/* 포폴4 end */

	/* 포폴5 */
	.sb_official_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:95.625%; width:100%;  }
	.sb_official_ttl { height:0; left:5%; margin-left:auto; padding-bottom:19.063%; top:7%; width:90%; }
	.sb_official_img01 { height:0; left:auto; margin-left:auto; padding-bottom:65.782%; top:37%; width:100%; }

	.sb_official_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:238.7%; width:100%; }
	.sb_official_img02 { height:0; left:-6%; margin-left:auto; padding-bottom:119.1%; top:2.3%; width:89%; }
	.sb_official_txt01 { height:0; left:30%; padding-bottom:17%; top:11%; width:60%; }
	.sb_official_txt02 { height:0; left:3%; padding-bottom:16.6%; top:43.5%; width:57%; }
	.sb_official_img03 { height:0; left:5%; margin-left:auto; padding-bottom:107.5%; top:53%; width:72%; }
	.sb_official_txt03 { height:0; left:14%; padding-bottom:27.6%; top:84%; width:33%; }

	.sb_official_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:57.9%; width:100%; }
	.sb_official_img04 { height:0; left:3%; margin-left:auto; padding-bottom:63.7%; top:-10%; width:72%; }
	.sb_official_txt04 { height:0; left:68%; padding-bottom:39%; top:13%; width:27%; }

	.sb_official_bg04 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	.related_proj_wrap { top:auto; }
	/* 포폴5 end */

	/* 포폴6 */
	.mf_bg01 { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%; }
	.mf_ttl { height:0; left:auto; padding-bottom:20.625%; width:90%; }

	.mf_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:312.1%; width:100%; }
	.mf_img01 { height:0;  margin-left:-40%; padding-bottom:54.532%; top:0; width:80%; }
	.mf_txt01 { height:0; left:0; margin-left:10%; padding-bottom:16.797%; top:3.653%; width:35.782%; }
	.mf_img02 { height:0; left:50%; margin-left:-33%; padding-bottom:153%; top:13.9%; width:66%; }
	.mf_txt02 { height:0; left:46%; padding-bottom:4.922%; top:63.5%; width:31.25%; }
	.mf_txt03 { height:0; left:37%; padding-bottom:18.8%; top:65.2%; width:31.407%; }
	.mf_txt04 { height:0; left:16%; padding-bottom:18.7%; top:83.24%; width:31.876%; }
	.mf_txt05 { height:0; left:30%; padding-bottom:20.5%; top:89.74%; width:31.719%; }
	.mf_img03 { height:0; left:0; margin-left:auto; padding-bottom:120%; top:63.5%; width:100%; }

	.mf_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:52.657%; width:100%; }
	.mf_txt06 { height:0; left:15%; padding-bottom:7%; top:6%; width:28.907%; }
	.mf_img04 { height:0; left:10%; padding-bottom:38.4%; width:84%; }

	.mf_bg04 { height:0; left:0; margin-left:auto; padding-bottom:24%; width:100%; }
	.mf_txt07 {height:0; left:50%; margin:-5.6% 0 0 -45%; padding-bottom:11.2%; top:50%; width:90%; }
	/* 포폴6 end */
	/* 포폴7 */
	.ndmi_ttl {  left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%;}
	.ndmi_ttl_bg { height:0; left:auto; padding-bottom:20.625%; width:90%;}
	.ndmi_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:128%; width:100%; }
	.ndmi_img01_01 { height:0; left:17%; margin-left:auto; padding-bottom:49%; width:66%; top:0%; }
	.ndmi_img01_02 { height:0; left:17%; margin-left:auto; padding-bottom:80%; width:66%; top:40%; }
	.ndmi_txt01 { height:0; left:17%; padding-bottom:2%; width:66%; top:37%; }

	.ndmi_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:61%; width:100%; }
	.ndmi_img02 {  height:0; left:2.5%; margin-left:auto; padding-bottom:56%; width:95%; top:5%; }
	.ndmi_txt02 {  height:0; right:14%; margin-left:auto; padding-bottom:4%; width:34%; bottom:7%; }

	.ndmi_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:74%; width:100%; }
	.ndmi_img03 {  height:0; right:0%; margin-left:auto; padding-bottom:74%; width:100%; top:0%; }
	.ndmi_txt03 {height:0; left:34%; margin-left:auto; padding-bottom:3%; width:31%; top:21%; }
	
	.ndmi_bg04 { height:0; left:auto; margin-left:auto; padding-bottom:44%; width:100%; }
	.ndmi_img04 {  height:0; left:5%; margin-left:auto; padding-bottom:32%; width:90%; top:15%; }
	.ndmi_txt04 {height:0; left:5%; padding-bottom:3%; width:38%; top:8%; }
	/* 포폴7 end */

	/* 포폴8 */
	.kap_bg01 {left:5%; width:100%; height:0; padding-bottom:35%; margin:0; }
	.kap_ttl { height:0; left:auto; padding-bottom:20.625%; width:90%; }
	.kap_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:66.4%; width:100%; }
	.kap_img01 { height:0; left:auto; margin-left:auto; padding-bottom:66.4%; width:100%; }
	.kap_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:110.4%; width:100%; }
	.kap_txt01  { height:0; left:16%; margin-left:auto; padding-bottom:5.5%; top:0%; width:67.782%; }
	.kap_img02 { height:0; left:15%; margin-left:auto; padding-bottom:99.4%; top:6%; width:53.2%; }
	.kap_ani {  height:0; left:70.7291%; padding-bottom:12.55%; position:absolute; top:84.1337%; width:12.5%; }
	.kap_bg04 { height:0; left:auto; margin-left:auto; padding-bottom:68.6%; width:100%; }
	.kap_txt02  { height:0; left:16%; margin-left:auto; padding-bottom:5.5%; top:0%; width:67.782%; }
	.kap_img03 { height:0; left:15%; margin-left:auto; padding-bottom:99.4%; top:8%; width:69.8%; }
	.kap_bg05 { height:0; left:auto; margin-left:auto; padding-bottom:56.4%; width:100%; }
	.kap_txt03  { height:0; left:16%; margin-left:auto; padding-bottom:5.5%; top:0%; width:67.782%; }
	.kap_img04 { height:0; left:15%; margin-left:auto; padding-bottom:50.4%; top:10%; width:69.8%; }
	.kap_bg06 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	/* 포폴8 end */

	/* 포폴9 */
	.spn15_bg01 {left:5%; width:100%; height:0; padding-bottom:35%; margin:0; }
	.spn15_ttl { height:0; left:auto; padding-bottom:20.625%; width:90%; }
	.spn15_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:229%; width:100%; }
	.spn15_img01 { height:0; left:15%; margin-left:auto; padding-bottom:2.4%; top:2%; width:12%; }
	.spn15_img02 { height:0; left:14%; margin-left:auto; padding-bottom:47.8%; top:6%; width:73%; }
	.spn15_txt01 { height:0; left:15%; margin-left:auto; padding-bottom:10.797%; top:27.653%; width:35.782%; }
	.spn15_img03 { height:0; left:61.5%; padding-bottom:18.99%; top:26.653%; width:24.782%; }
	.spn15_img04 { height:0; left:0%; margin-left:auto; padding-bottom:147.25%; top:35.7%; width:100%; }
	.spn15_txt02 { height:0; left:9%; margin-left:auto; padding-bottom:5.797%; top:33.753%; width:17.782%; }
	.spn15_txt03 { height:0; left:40%; margin-left:auto; padding-bottom:10.797%; top:67.753%; width:13.782%; }
	.spn15_txt04 { height:0; left:46%; margin-left:auto; padding-bottom:7.797%; top:79.753%; width:17.782%; }
	.spn15_txt05 { height:0; left:50%; margin-left:auto; padding-bottom:15.797%; top:88.753%; width:35.782%; }
	.spn15_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:109.2%; width:100%; }
	.spn15_img05 { height:0; left:0%; padding-bottom:37.99%; top:3%; width:62.782%; }
	.spn15_txt06 { height:0; left:56%; padding-bottom:17.99%; top:32%; width:31.782%; }
	.spn15_img06 { height:0; left:68%; padding-bottom:57.99%; top:43.782%; width:72.782%; }
	.spn15_bg04 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	/* 포폴9 end */
	
	/* 포폴10 */
	.ka_ti_ttl { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%;}
	.ka_ti_ttl_bg { height:0; left:auto; padding-bottom:20.625%; width:90%;}
	.ka_ti_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:70%; width:100%; }
	.ka_ti_img01 { height:0; left:17%; margin-left:auto; padding-bottom:64%; width:66%; top:4%; }
	.ka_ti_txt01_01 { height:0; right:18%; padding-bottom:16%; width:10%; top:29%; }
	.ka_ti_txt01_02 { height:0; left:17.5%; padding-bottom:2%; width:27%; top:54%; }

	.ka_ti_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:38%; width:100%; }
	.ka_ti_img02 {  height:0; left:17%; margin-left:auto; padding-bottom:31%; width:63%; top:5%; }
	.ka_ti_txt02 {  height:0; right:26%; margin-left:auto; padding-bottom:4%; width:22%; top:19%; }

	.ka_ti_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:50%; width:100%; }
	.ka_ti_img03 {  height:0; right:15%; margin-left:auto; padding-bottom:39%; width:64%; top:10%; }
	.ka_ti_txt03 {height:0; left:23%; margin-left:auto; padding-bottom:4%; width:21%; top:0%; }
	
	/* 포폴10 end */

	/* 포폴11 */
	.main_pofol11_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.lg_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.lg_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.lg_bg01 { height:0; margin-left:-50%; padding-bottom:49%; width:100%; }
	.lg_img01 { height:0; margin-left:-30%; padding-bottom:45%; top:7%; width:60.03125%; }
	.lg_bg02 { height:0; margin-left:-50%; padding-bottom:125%; width:100%; }
	.lg_txt01 { height:0; right:20%; margin-left:auto; padding-bottom:7%; top:22%; width:24.140625%; }
	.lg_txt02 { height:0; left:5%; margin-left:auto; padding-bottom:6%; top:53%; width:24.140625%; }
	.lg_txt03 { height:0; right:20%; margin-left:auto; padding-bottom:6%; top:85%; width:24.140625%; }
	.lg_img02 { height:0; left:5%; padding-bottom:33%; top:5%; width:47.203125%; }
	.lg_img03 { height:0; right:20%; padding-bottom:33%; top:36%; width:47.203125%; }
	.lg_img04 { height:0; left:5%; padding-bottom:33%; top:67%; width:47.203125%; }
	/* 포폴11 end */

	/* 포폴12 */
	.main_pofol12_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.hyn_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.hyn_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.hyn_bg01 { height:0; margin-left:-50%; padding-bottom:417%; width:100%; }
	.hyn_img01 { height:0; margin-left:-43%; padding-bottom:73%; top:3.6%; width:81.5625%; }
	.hyn_txt01 { height:0; margin-left:-24.5%; padding-bottom:6%; top:18.25%; width:45.71875%; }
	.hyn_txt02 { height:0; left:16%; margin-left:auto; padding-bottom:6%; top:50.85%; width:48.8125%; }
	.hyn_txt03 { height:0; right:16%; margin-left:auto; padding-bottom:6%; top:64.75%; width:48.96875%; }
	.hyn_img02 { height:0; left:0; padding-bottom:185.5%; top:20.5%; width:81.78125%; }
	.hyn_img03 { bottom:0; height:0; right:0; padding-bottom:152%; @top:60%; width:81.78125%; }
	/* 포폴12 end */

	/* 포폴13 */
	.main_pofol13_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.fds_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.fds_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.fds_bg01 { height:0; margin-left:-50%; padding-bottom:73%; width:100%; }
	.fds_img01 { height:0; margin-left:-38%; padding-bottom:57.5%; top:6%; width:70.5625%; }
	.fds_txt01 { height:0; margin-left:-31%; padding-bottom:3.5%; top:89%; width:56.6875%; }
	.fds_bg02 { height:0; margin-left:-50%; padding-bottom:90.4%; width:100%; }
	.fds_img02 { height:0; left:12%; margin-left:auto; padding-bottom:82.5%; top:5%; width:70.5625%; }
	.fds_txt02 { height:0; right:16%; margin-left:auto; padding-bottom:6%; top:34.75%; width:18.109375%; }
	.fds_bg03 { height:0; margin-left:-50%; padding-bottom:125.5%; width:100%; }
	.fds_img03 { height:0; left:32%; padding-bottom:71.5%; top:4%; width:50.5625%;}
	.fds_txt03 { height:0; left:12.5%; padding-bottom:3%; top:55%; width:18.421875%; }
	.fds_img04 { height:0; margin-left:-38%; padding-bottom:35%; top:64.5%; width:70.5625%; }
	.fds_txt04 { height:0; right:15%; padding-bottom:5%; top:65%; width:20.703125%; }
	/* 포폴13 end */
	
	/* 포폴14 */
	.main_pofol14_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.kad_header {left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%  }
	.kad_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.kad_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:47.8%; width:100%; }
	.kad_img01 { height:0; left:auto; margin-left:auto; padding-bottom:47.8%; top:0; width:100%; }
	.kad_txt01 { height:0; left:50%; margin-left:auto; padding-bottom:6.797%; top:16.653%; width:35.782%; }
	.kad_txt02 { height:0; left:54%; margin-left:auto; padding-bottom:14.2%; top:41.653%; width:31.782%; }
	.kad_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:56.2%; width:100%; }
	.kad_txt03 { height:0; left:24%; margin-left:auto; padding-bottom:6.797%; top:13.653%; width:44.782%; }
	.kad_img02 { height:0; left:0; margin-left:auto; padding-bottom:35.797%; top:32.653%; width:100%; }
	.kad_bg03 { height:0; left:auto; margin-left:auto; padding-bottom:59.2%; width:100%; }
	.kad_txt04 { height:0; left:6%; margin-left:auto; padding-bottom:18.797%; top:39.653%; width:25.782%; }
	.kad_img03 { height:0; left:0; margin-left:auto; padding-bottom:59.2%; top:0%; width:100%; }
	.kad_bg04 { height:0; left:auto; margin-left:auto; padding-bottom:96.85%; width:100%; }
	.kad_txt05 { height:0; left:33%; margin-left:auto; padding-bottom:8.797%; top:4.653%; width:37.782%; }
	.kad_img04 { height:0; left:18%; margin-left:auto; padding-bottom:73.2%; top:18%; width:65%; }
	.kad_bg05 { height:0; left:auto; margin-left:auto; padding-bottom:177%; width:100%; }
	.kad_txt06 { height:0; left:33%; margin-left:auto; padding-bottom:11.797%; top:4.653%; width:34.653%; }
	.kad_img05 { height:0; left:20%; margin-left:auto; padding-bottom:144.2%; top:14%; width:64%; }
	.kad_bg06 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	/* 포폴14 end */

	/* 포폴15 */
	.main_pofol15_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.spmsr_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35%  }
	.spmsr_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.spmsr_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:170.4%; width:100%; }
	.spmsr_img01 { height:0; left:17%; margin-left:auto; padding-bottom:156.8%; top:6%; width:65%; }
	.spmsr_txt01 { height:0; left:14%; margin-left:auto; padding-bottom:3.797%; top:1.653%; width:9.782%; }
	.spmsr_txt02 { height:0; left:57.4%; margin-left:auto; padding-bottom:3.797%; top:9.653%; width:20.782%; }
	.spmsr_txt03 { height:0; left:61.4%; margin-left:auto; padding-bottom:13.797%; top:31.653%; width:23.782%; }
	.spmsr_txt04 { height:0; left:63.4%; margin-left:auto; padding-bottom:6.797%; top:49.653%; width:18.782%; }
	.spmsr_txt05 { height:0; left:57.4%; margin-left:auto; padding-bottom:6.797%; top:79.653%; width:18.782%; }
	.spmsr_bg02 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	/* 포폴15 end */

	/* 포폴16 */
	.main_pofol16_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.spwa_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.spwa_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.spwa_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:75%; width:100%; }
	.spwa_img01 { height:0; left:17%; margin-left:auto; padding-bottom:42.8%; top:8%; width:68%; }
	.spwa_txt01 { height:0; left:14%; margin-left:auto; padding-bottom:5.197%; top:1.653%; width:13.782%; }
	.spwa_txt02 { height:0; left:22%; margin-left:auto; padding-bottom:1.197%; top:64.653%; width:57.782%; }
	.spwa_img02 { height:0; left:10%; margin-left:auto; padding-bottom:33.8%; top:74%; width:49%; }
	.spwa_txt03 { height:0; left:61%; margin-left:auto; padding-bottom:6.197%; top:81.653%; width:29.782%; }
	.spwa_bg02 { height:0; left:auto; margin-left:auto; padding-bottom:81.6%; width:100%; }
	.spwa_img03 { height:0; left:10%; margin-left:auto; padding-bottom:58.8%; top:25%; width:82%; }
	.spwa_txt04 { height:0; left:56%; margin-left:auto; padding-bottom:11.8%; top:75.653%; width:23.782%; }
	.spwa_bg03 { height:auto; left:auto; margin-left:auto; padding:3.896% 0; width:100%; }
	/* 포폴16 end */

	/* 포폴17 */
	.main_pofol17_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.smhz_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.smhz_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.smhz_bg01 { height:0; left:auto; margin-left:auto; padding-bottom:182%; width:100%; }
	.smhz_img01 { height:0; left:9%; margin-left:auto; padding-bottom:177.8%; top:2%; width:80.5%; }
	.smhz_txt01 { height:0; left:22%; margin-left:auto; padding-bottom:3.197%; top:27.653%; width:54.782%; }
	/* 포폴17 end */

	/* 포폴18 */
	.main_pofol18_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }
	.kt_header { left:5%; width:100%; height:0; margin-left:0; padding-bottom:35% }
	.kt_ttl { height:0; left:auto; margin-left:0; padding-bottom:20.625%; width:90%; }
	.kt_bg01 { height:0; padding-bottom:160%; width:100%; }
	.kt_img01 { height:0; margin-left:-44.5%; padding-bottom:40.5%; top:5%; width:83.671875%; }
	.kt_img02 { height:0; margin-left:-44.5%; padding-bottom:43.5%; top:30.3%; width:83.671875%; }
	.kt_img03 { height:0; margin-left:-44.5%; padding-bottom:55.5%; top:57.45%; width:83.671875%; }
	/* 포폴18 end */

	/* 포폴19 */
	.main_pofol19_wrap .pofol_proj_btn_wrap2 { height:0; left:auto; margin-top:auto; padding-bottom:3.1045%; width:100%; right:0%; top:108%; position:absolute; }

	.hg_bg01 { height:0; left:0; margin-left:0; padding-bottom:30%; padding-left:5%; width:95%; }
	.hg_ttl { height:0; padding-bottom:18.3%; width:95%; }

	.hg_bg02 { height:0; left:0; margin-left:0; padding-bottom:32.65%; width:100%; }
	.hg_img01 { height:0; margin:-9% 0 0 -22.65625%; padding-bottom:18%; top:50%; width:45.3125%; }

	.hg_bg03 { height:0; left:0; margin-left:0; padding-bottom:270%; width:100%; }
	.hg_txt01 { height:0; margin-left:-25%; padding-bottom:7.1%; top:1.5236%; width:50%; }
	.hg_img02 { height:0; left:20.8333%; padding-bottom:74%; top:4.97589%; width:67.76041%; }
	.hg_txt02 { height:0; margin-left:-29%; padding-bottom:7%; top:34.12054%; width:58%; }
	.hg_img03 { height:0; left:27.3437%; padding-bottom:23.3%; top:38.8071%; width:43.4895%; }
	.hg_txt03 { height:0; left:20.78125%; padding-bottom:7%; top:48.5467%; width:70%; }
	.hg_img04 { height:0; left:20.8333%; padding-bottom:71.6%; top:52.3654%; width:58.3333%; }
	.hg_txt04 { height:0; left:20.7812%; padding-bottom:7.3%; top:82.1407%; width:49%; }
	.hg_img05 { height:0; left:20.8333%; padding-bottom:13.6%; top:85.3444%; width:58.3333%; }
	.hg_txt05 { height:0; left:20.7812%; padding-bottom:4.2%; top:91.6407%; width:48%; }
	.hg_img06 { height:0; left:20.8333%; padding-bottom:13.6%; top:94.3444%; width:58.3333%; }

	.hg_bg04 { height:0; left:0; margin-left:0; padding-bottom:134.5%; width:100%; }
	.hg_txt06 { height:0; margin-left:-27%; padding-bottom:6.6%; top:4.8761%; width:54%; }
	.hg_img07 { height:0; left:20.8333%; padding-bottom:53.7%; top:11.726%; width:58.3333%; }
	.hg_txt07 { height:0; margin-left:-4.47915%; padding-bottom:1.6%; top:61.5712%; width:8.9583%; }
	.hg_img08 { height:0; left:50%; margin-left:-33.2083%; padding-bottom:35.5%; top:65.441%; width:60.4166%; }
	/* 포폴19 end */

	/* 에스쁘아 포폴 */
	.esp_bg01 { height:0; left:0; margin-left:0; padding-bottom:30%; padding-left:5%; width:95%; }
	.esp_ttl { height:0; left:0; margin-left:0; padding-bottom:18%; width:74%; }

	.esp_bg02 { height:0; left:0; margin-left:0; padding-bottom:142.1%; width:100%; }
	.esp_img01 { height:0; margin-left:-33.35%; padding-bottom:142.1%; width:66.7%; }

	.esp_bg03 { height:0; left:0; margin-left:0; padding-bottom:52%; width:100%; }
	.esp_img02 { height:0; margin-left:-33.35%; padding-bottom:51.9%; width:66.7%; }

	.esp_bg04 { height:0; left:0; margin-left:0; padding-bottom:68.3%; width:100%; }
	.esp_txt01 { height:0; margin-left:-40%; padding-bottom:9.5%; top:57px; width:80%; }
	.esp_img03 { height:0; margin-left:-33.35%; padding-bottom:48.2%; top:195px; width:66.7%; }

	.esp_bg05 { height:0; left:0; margin-left:0; padding-bottom:117.5%; width:100%; }
	.esp_txt02 { height:0; margin-left:-40%; padding-bottom:9.5%; top:20px; width:80%; }
	.esp_img04 { height:0; margin-left:-33.35%; padding-bottom:99.3%; top:160px; width:66.7%; }
	/* 에스쁘아 포폴 end */

	/* 청담스타 포폴 */
	.cheong_bg01 { height:0; left:0; margin-left:0; padding-bottom:30%; padding-left:5%; width:95%; }
	.cheong_ttl { height:0; left:0; margin-left:0; padding-bottom:15%; width:84%; }

	.cheong_bg02 { height:0; left:0; margin-left:0; padding-bottom:36.3%; width:100%; }
	.cheong_logo { height:0; margin:-11.5% 0 0 -14.375%; padding-bottom:23%; width:28.75%; }

	.cheong_bg03 { height:0; left:0; margin-left:0; padding-bottom:56%; width:100%; }
	.cheong_img01 { height:0; left:10%; margin-left:0; padding-bottom:50.2%; width:41.6%; }
	.cheong_txt01 { height:0; left:57%; margin-left:0; padding-bottom:20%; top:50%; width:22%; }

	.cheong_bg04 { height:0; left:0; margin-left:0; padding-bottom:96.3%; width:100%; }
	.cheong_img02 { height:0; left:10%; margin-left:0; padding-bottom:7.2%; width:41.6%; }
	.cheong_img03 { height:0; left:16%; padding-bottom:48.4%; top:160px; width:15%; }
	.cheong_img04 { height:0; left:47%; padding-bottom:73.5%; top:160px; width:41%; }
	.cheong_txt02 { height:0; left:16%; padding-bottom:21%; top:69%; width:23%; }

	.cheong_bg05 { height:0; left:0; margin-left:0; padding-bottom:96.5%; width:100%; }
	.cheong_img05 { height:0; left:10%; padding-bottom:89.8%; top:0; width:60%; }
	.cheong_txt03 { height:0; left:53.5%; padding-bottom:16.5%; top:73%; width:24%; }
	/* 청담스타 포폴 end */

	/* 현대채용 포폴 */
	.hdr_bg01 { height:0; left:0; margin-left:0; padding-bottom:30%; padding-left:5%; width:95%; }
	.hdr_ttl { height:0; left:0; margin-left:0; padding-bottom:15%; width:84%; }

	.hdr_bg02 { height:0; left:0; margin-left:0; padding-bottom:524.8%; width:100%; }

	.hdr_bg03_wrap { height:0; padding-bottom:117%; width:100%; }
	.hdr_bg03 { height:0; margin-left:-33.85%; padding-bottom:111.5%; width:67.7%; }

	.hdr_bg04_wrap { height:0; padding-bottom:141%; width:100%; }
	.hdr_bg04 { height:0; margin-left:-41.9%; padding-bottom:138.7%; width:83.8%; }

	.hdr_bg05_wrap { height:0; padding-bottom:92%; width:100%; }
	.hdr_bg05 { height:0; margin-left:-41.9%; padding-bottom:89.1%; width:83.8%; }

	.hdr_bg06_wrap { height:0; padding-bottom:98.1%; width:100%; }
	.hdr_bg06 { height:0; margin-left:-41.9%; padding-bottom:98.1%; width:83.8%; }

	.hdr_bg07_wrap { height:0; padding-bottom:76.7%; width:100%; }
	.hdr_bg07 { height:0; margin-left:-41.9%; padding-bottom:73%; width:83.8%; }
	/* 현대채용 포폴 end */

	/* 기아채용 포폴 */
	.kia_bg01 { height:0; left:0; margin-left:0; padding-bottom:30%; padding-left:5%; width:95%; }
	.kia_ttl { height:0; left:0; margin-left:0; padding-bottom:15%; width:84%; }

	.kia_bg02 { height:0; left:0; margin-left:0; padding-bottom:650.9%; width:100%; }

	.kia_bg03_wrap { height:0; padding-bottom:48%; width:100%; }
	.kia_bg03 { height:0; margin-left:-33.3%; padding-bottom:38.8%; width:66.6%; }

	.kia_bg04_wrap { height:0; padding-bottom:84%; width:100%; }
	.kia_bg04 { height:0; margin-left:-41.9%; padding-bottom:78.2%; width:83.8%; }

	.kia_bg05_wrap { height:0; padding-bottom:75.2%; width:100%; }
	.kia_bg05 { height:0; margin-left:-41.9%; padding-bottom:75.2%; width:83.8%; }

	.kia_bg06_wrap { height:0; padding-bottom:75.9%; width:100%; }
	.kia_bg06 { height:0; margin-left:-41.9%; padding-bottom:76.2%; width:83.8%; }

	.kia_bg07_wrap { height:0; padding-bottom:151.2%; width:100%; }
	.kia_bg07 { height:0; margin-left:-41.9%; padding-bottom:151.2%; width:83.8%; }

	.kia_bg08_wrap { height:0; padding-bottom:90.6%; width:100%; }
	.kia_bg08 { height:0; margin-left:-41.9%; padding-bottom:90.6%; width:83.8%; }

	.kia_bg09_wrap { height:0; padding-bottom:126.05%; width:100%; }
	.kia_bg09 { height:0; margin-left:-41.9%; padding-bottom:126.05%; width:83.8%; }
	/* 기아채용 포폴 end */
}

/* 포트폴리오 모바일 */
@media all and (max-width:960px){
	/* Portfolio */
	.w_con, .main_pofol1{display:none;}
	.m_con { display:block;  }
	.m_con p { position:relative; }
	.m_con img { width:100%; }
}

/* 모바일 */
@media all and (min-width:0) and (max-width:767px){

	/* CLASS */
	.sub_inner{width:100%;padding:0 20px;}

	/* Sub Visual */
	.sub-visual{padding:70px 0 80px;}
	.sub-head .page-header{font-size:45px;}
	.sub-head .page-desc{margin-top:5px;font-size:16px;}

	/* Sub Title */
	.sub-section .sub-text-wrap{padding:70px 30px 70px;}
	.sub-section .sub-text-wrap .txt{font-size:16px;}

	/* Circle */
	.sub-bg-circle_01:after{display:none;}
	.sub-bg-circle_03:after{display:none;}

	/* Style */
	h4{font-size:20px !important;}

	/* Portfolio */
	.modal-tag span{display:block;padding-bottom:5px;}
}

/* 태블릿 */
@media all and (min-width:768px) and (max-width:1139px){

	/* CLASS */
	.sub_inner{width:100%;padding:0 20px;}

	/* Sub Visual */
	.sub-visual{padding:70px 0 80px;}
	.sub-head .page-header{font-size:60px;}
	.sub-head .page-desc{margin-top:10px;font-size:20px;}

}

/* 모바일 & 태블릿 & 작은 피씨 */
@media all and (min-width:0) and (max-width:1399px){

	/* Sub Title */
	.sub-head .page-header{font-size:50px;}
	.sub-head .page-desc{font-size:20px;}
	.sub-section .sub-text-wrap{padding:100px 50px;}
	.sub-section .sub-text-wrap .txt{font-size:20px;}

	/* Circle */
	#sub_wrap .sub-bg-circle_01:after{top:170px;}

}