@charset "UTF-8";

	.pofol_detail_wrap { background:#f4f4f4; display:none; left:50%; position:fixed; top:50%; width:0; z-index:99; }

	.pofol_detail_wrap .mCSB_inside > .mCSB_container { margin-right:0; }

	.pofol_wrap { height:100%; position:relative; width:100%; }

	.pofol_date_info { color:#fff; font-size:13px; text-align:center; width:100%; }

	.pofol_icon_wave { background:url("../img/pofol/pofol_icon_bg.gif"); bottom:0; height:103px; left:50%; margin-left:-30px; position:absolute; width:60px; }
	.pofol_icon_wave span { background:url("../img/main/icon_wave.png") no-repeat; cursor:pointer; height:60px; left:0; position:absolute; top:-30px; width:60px; }

	.pofol_cont_wrap { height:auto; margin:0 auto; max-width:1280px; position:relative; width:100%; }

	.pofol_ex_wrap { background:#fff; height:500px; position:relative; width:100%; }
	.pofol_ex_wrap:after { clear:both; content:""; display:block; }

	.pofol_cont_img_wrap { padding:90px 0 130px 0; text-align:center; }

	.btn_pofol_close { background:url("../img/pofol/arrow_close.gif") left center no-repeat; height:11px; position:fixed; right:40px; top:20px; z-index:7; }
	.btn_pofol_close a { color:#555; display:block; font-size:13px; height:100%; letter-spacing:1px; line-height:11px; padding-left:85px; }

	.md_pofol_header { background:url('../img/pofol/magf_img01.jpg') right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.md_pofol_header .pofol_header_tt { position:absolute;  top:50%; left:50%; width:100%; transform: translate(-50%, -50%); overflow:hidden;}
	.md_pofol_header .md_pofol_ttl { background:url('../img/pofol/magf_ttl.png') 50% 0 no-repeat; display:block; height:150px; overflow:hidden;  text-indent:-20000px; width:100%; }
	.md_pofol_header p.pofol_date_info { margin-top:20px; top:50%; }

	.md_pofol_cont_wrap {text-align:center; width:100%; }
	.md_ex_left { background:url('../img/pofol/md_logo.png') center center no-repeat #df3343; float:left; height:100%; overflow:hidden; text-indent:-20000px; width:50%; }
	.md_ex_right { box-sizing:border-box; float:right; height:100%; padding:120px 0 0 7.8125%; position:relative; text-align:left; width:50%; -webkit-box-sizing:border-box; }
	.md_ex_right dl { font-size:15px; margin-top:60px; width:100%; }
	.md_ex_right dl:first-child { margin-top:0; }
	.md_ex_right dl dt { color:#000; font-weight:bold; }
	.md_ex_right dl dd { color:#777; margin-top:15px; }
	.md_ex_right dl dd.content_list { color:#0f6aac; line-height:150%;}
	.md_ex_right dl dd a { color:#0f6aac; text-decoration:underline; }

	.md_pofol_img02 { margin-top:50px; }
	.md_pofol_ex_wrap { background:#fff; height:500px; max-width:1280px; margin:0 auto; width:100%; }
	.md_pofol_ex_wrap:after {content:'';  clear:both; display:block; }

	.md_pofol_cont_img_wrap { max-width:1280px; margin:0 auto; text-align:center; }

	/* kia portfolio */
	.kia_pofol_wrap .md_pofol_header { background:url("../img/pofol/kia_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.kia_pofol_wrap .md_pofol_ttl { background:url('../img/pofol/kia_ttl.png') 50% 0 no-repeat; display:block; height:150px; overflow:hidden;  text-indent:-20000px; width:100%; }
	.kia_pofol_wrap .md_pofol_header p.pofol_date_info { top:50%; }

	.kia_pofol_wrap .md_ex_left { background:url("../img/pofol/kia_motto.png") center center no-repeat #af0b29; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }
	.kia_pofol_wrap .md_ex_right { box-sizing:border-box; -webkit-box-sizing:border-box; float:right; height:100%; padding:120px 0 0 7.8125%; position:relative; width:50%; }

	.kia_pofol_img02 { margin-top:50px; }

	.pofol_wrap.kia { background:url("../img/pofol/kia_bg.jpg") center center no-repeat; background-size:100% auto; }
	/* kia portfolio end */

	/* magformers portfolio */
	.magformers_pofol_wrap .md_pofol_header { background:url("../img/pofol/magf_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.magformers_pofol_wrap .md_pofol_header h2.magformers_pofol_wrap .md_pofol_ttl { background:url("../img/pofol/magf_ttl.png") no-repeat; background-size:100% auto; display:block; height:139px; left:50%; margin:-70px 0 0 -356px; overflow:hidden; position:absolute; text-indent:-20000px; top:50%; width:713px; }
	.magformers_pofol_wrap .md_pofol_header p.pofol_date_info { top:50%; }

	.magformers_pofol_wrap .md_ex_left { background:url("../img/pofol/magf_logo.png") center center no-repeat #df3343; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }
	.magformers_pofol_wrap .md_ex_right { box-sizing:border-box; -webkit-box-sizing:border-box; float:right; height:100%; padding:120px 0 0 7.8125%; position:relative; width:50%; }
	.magformers_pofol_wrap .md_ex_right dl { font-size:15px; margin-bottom:60px; width:100%; }
	.magformers_pofol_wrap .md_ex_right dl dt { color:#000; font-weight:bold; }
	.magformers_pofol_wrap .md_ex_right dl dd { color:#777; margin-top:15px; }
	.magformers_pofol_wrap .md_ex_right dl dd a { color:#0f6aac; text-decoration:underline; }

	.magformers_pofol_wrap .md_pofol_img02 { margin-top:50px; }

	.pofol_wrap.magf { background:url("../img/pofol/magf_bg.jpg") center bottom no-repeat; background-size:100% auto; }

	.pofol_cont_img_wrap.magf { padding:90px 0 0 0; }
	/* magformers portfolio end */

	/* hyundai glovis */
	.hdglovis_pofol_wrap .md_pofol_header { background:url("../img/pofol/hdglovis_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.hdglovis_pofol_wrap .md_pofol_ttl { background:url('../img/pofol/hdglovis_ttl.png') 50% 0 no-repeat; display:block; height:150px; overflow:hidden;  text-indent:-20000px; width:100%; }
	.hdglovis_pofol_wrap .md_pofol_header p.pofol_date_info { color:#004181; top:50%; }

	.hdglovis_pofol_wrap .md_ex_left { background:url("../img/pofol/hdglovis_motto.png") center center no-repeat #004181; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }

	.pofol_cont_img_wrap.hdg { padding:0; }
	/* hyundai glovis end */

	/* ourhome */
	.ourhome_pofol_wrap .md_pofol_header { background:url("../img/pofol/ourhome_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.ourhome_pofol_wrap .md_pofol_header h2.md_pofol_ttl {background-image:url("../img/pofol/ourhome_ttl.png"); }
	.ourhome_pofol_wrap .md_pofol_header p.pofol_date_info { color:#fff;top:50%; }

	.ourhome_pofol_wrap .md_ex_left { background:url("../img/pofol/ourhome_logo.png") center center no-repeat #c19556; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }

	.pofol_detail_wrap.ourh { background:#f1ebe1; }
	.pofol_cont_img_wrap.ourh { padding:0 0 90px 0; }
	/* ourhome end */

	/* be silk */
	.besilk_pofol_wrap .md_pofol_header { background:url("../img/pofol/besilk_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.besilk_pofol_wrap .md_pofol_header .md_pofol_ttl { background:url("../img/pofol/besilk_ttl.png") no-repeat; background-position: 50% 50%; background-size:874px auto; display:block; height:230px; text-indent:-20000px; }
	.besilk_pofol_wrap .md_pofol_header p.pofol_date_info { color:#000;}


	.besilk_pofol_wrap .md_ex_left { background:url("../img/pofol/besilk_motto.png") center center no-repeat #f6d9c1; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }
	.pofol_cont_img_wrap.besilk { padding:0 0 90px 0; }
	/* be silk end */

	/* espoir_taping */
	.espoir_taping_cont_wrap { background:#f4f4f4; }
	.espoir_taping_pofol_wrap .md_pofol_header {background-image:url('../img/pofol/taping_topbg.jpg');}
	.espoir_taping_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/taping_tt.png') ; background-position:50% 50%; height:226px;}
	.espoir_taping_pofol_wrap .md_ex_left {background-image: url('../img/pofol/taping_ttl.png');background-color:#000;}
	.espoir_taping_pofol_wrap p.pofol_date_info { color:#000; top:56%;}
	/* espoir_taping end */

	/* starbucks - 2017YEAR - 이용준 */
	.ktalleh_cont_wrap { background:#f4f4f4; }
	.ktalleh_pofol_wrap .md_pofol_header {background-image:url('../img/pofol/kt_img01.jpg');}
	.ktalleh_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/kt_ttl.png') ; background-position:50% 50%; height:62px;}
	.ktalleh_pofol_wrap .md_ex_left {background-image: url('../img/pofol/kt_motto.png'); background-color:#000;}
	.ktalleh_pofol_wrap p.pofol_date_info { color:#fff; top:38%; }

	.hanssem_cont_wrap { background:#f4f4f4; }
	.hanssem_pofol_wrap .md_pofol_header {background-image:url('../img/pofol/hanssem_topbg.jpg');}
	.hanssem_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/hanssem_ttl.png') ; background-position:50% 50%; height:138px;}
	.hanssem_pofol_wrap .md_ex_left {background-image: url('../img/pofol/hanssem_logo.png'); background-color:#2d2a2a;}
	.hanssem_pofol_wrap p.pofol_date_info { color:#fff; top:50%; }

	/* sb planner */
	.sbpln_pofol_wrap .md_pofol_header { background:url("../img/pofol/sb_planner_img01.jpg") right center no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.sbpln_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/sb_planner_ttl.png'); }
	.sbpln_pofol_wrap .md_pofol_header p.pofol_date_info { color:#3a2416; top:50%; }

	.sbpln_pofol_wrap .md_ex_left { background:url("../img/pofol/sb_planner_motto.png") center center no-repeat #05592a; float:left; height:100%; overflow:hidden; position:relative; text-indent:-20000px; width:50%; }
	.pofol_cont_img_wrap.sbpln_pofol_wrap .md_ { padding:0 0 90px 0; }
	/* sb planner end */

	/* starbucks 15th */
	.starbucks_ann_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_ann_tit_bg.jpg'); }
	.starbucks_ann_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_ann_tit.png') ; background-position:50% 50%; }
	.starbucks_ann_pofol_wrap .md_ex_left {background-color:#007240; background-image:url('../img/pofol/starbucks_ann_logo.png'); }

	/* starbucks - xmas01 */
	.starbucks_xmas01_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_xmas01_tit_bg.jpg'); }
	.starbucks_xmas01_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_xmas01_tit.png') ; background-position:50% 50%; height:233px; top:35%; }
	.starbucks_xmas01_pofol_wrap .md_ex_left {background-color:#a11b11; background-image:url('../img/pofol/starbucks_xmas01_logo.png'); }

	/* starbucks - christmas */
	.starbucks_merry_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_merry_tit_bg.jpg'); }
	.starbucks_merry_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_merry_tit.png') ; background-position:50% 50%; }
	.starbucks_merry_pofol_wrap .md_ex_left {background-color:#006140; background-image:url('../img/pofol/starbucks_merry_logo.png'); }

	/* korair */
	.korair_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/korair_tit_bg.png'); }
	.korair_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/korair_tit.png'); }
	.korair_pofol_wrap .md_ex_left {background-color:#4ec0e7; background-image:url('../img/pofol/korair_logo.png'); }
	/* .korair_pofol_wrap .pofol_wrap { background:url("../img/pofol/magf_bg.jpg") center bottom no-repeat; background-size:100% auto; } */

	/* starbucks - summer */
	.starbucks_summer_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_summer_tit_bg.jpg'); }
	.starbucks_summer_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_summer_tit.png') ; background-position:50% 50%; }
	.starbucks_summer_pofol_wrap .md_ex_left {background-color:#000; background-image:url('../img/pofol/starbucks_summer_logo.png'); }

	/* starbucks - summer */
	.starbucks_summer_1_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/summer_topbg.jpg'); }
	.starbucks_summer_1_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/summer_tt.png') ; background-position:50% 50%; height:229px;}
	.starbucks_summer_1_pofol_wrap .md_ex_left {background-color:#810667; background-image:url('../img/pofol/summer_ttl.png'); }

	.starbucks_xmas02_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_xmas02_tit_bg.jpg'); }
	.starbucks_xmas02_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_xmas02_tit.png') ; background-position:50% 50%; height:233px; top:35%; }
	.starbucks_xmas02_pofol_wrap .md_ex_left {background-color:#a11b11; background-image:url('../img/pofol/starbucks_xmas02_logo.png'); }

	.starbucks_autumn_cont_wrap { background:#f0e4d4; }
	.starbucks_autumn_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/autumn_topbg.jpg'); }
	.starbucks_autumn_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/autumn_tt.png') ; background-position:50% 50%; height:257px; }
	.starbucks_autumn_pofol_wrap .md_ex_left {background-color:#986530; background-image:url('../img/pofol/autumn_ttl.png'); }
	.starbucks_autumn_pofol_wrap p.pofol_date_info { top:56%; }

	/* starbucks - valentine - 이용준 */
	.starbucks_valentine_cont_wrap { background:#f4f4f4; }
	.starbucks_valentine_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/valentine_topbg.jpg'); }
	.starbucks_valentine_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/valentine_tt.png') ; background-position:50% 50%; height:121px; }
	.starbucks_valentine_pofol_wrap .md_ex_left {background-color:#858483; background-image:url('../img/pofol/valentine_ttl.png');background-size:90%;}
	.starbucks_valentine_pofol_wrap p.pofol_date_info { color:#363230; top:46%; }

	/* starbucks - teavana - 이용준 */
	.starbucks_teavana_cont_wrap { background:#f4f4f4; }
	.starbucks_teavana_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/teavana_topbg.jpg'); }
	.starbucks_teavana_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/teavana_tt.png') ; background-position:50% 50%; height:144px; }
	.starbucks_teavana_pofol_wrap .md_ex_left {background-color:#b0a9a3; background-image:url('../img/pofol/teavana_ttl.png'); }
	.starbucks_teavana_pofol_wrap p.pofol_date_info { color:#fff; top:49%; }

	/* starbucks - cherry - 이용준 */
	.starbucks_cherry_cont_wrap { background:#f4f4f4; }
	.starbucks_cherry_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_cherry_tit_bg.jpg'); }
	.starbucks_cherry_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_cherry_tit.png') ; background-position:50% 50%; height:116px; }
	.starbucks_cherry_pofol_wrap .md_ex_left {background-color:#a7a9bc; background-image:url('../img/pofol/starbucks_cherry_logo.png'); }
	.starbucks_cherry_pofol_wrap p.pofol_date_info { color:#7b7e9c; top:45%; }

	/* starbucks - 2017YEAR - 이용준 */
	.starbucks_2017year_cont_wrap { background:#f4f4f4; }
	.starbucks_2017year_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_newyear17_tit_bg.png'); }
	.starbucks_2017year_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_newyear17_tit.png') ; background-position:50% 50%; height:219px; }
	.starbucks_2017year_pofol_wrap .md_ex_left {background-color:#592b18; background-image:url('../img/pofol/starbucks_newyear17_logo.png'); }
	.starbucks_2017year_pofol_wrap p.pofol_date_info { color:#592b18; top:56%; }

	/* 애니콜 */
	.anycall_cont_wrap { background:#f4f4f4; }
	.anycalls_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/anycalls_img01.jpg'); }
	.anycalls_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/anycalls_pofol_ttl.png'); background-position:50% 50%; background-size:808px auto; height:72px; }
	.anycalls_pofol_wrap .md_ex_left {background-image: url('../img/pofol/anycalls_motto.png'); background-color:#0c4da2; }
	.anycalls_pofol_wrap p.pofol_date_info { color:#fff; top:38%; }

	/* 아모레 홍콩 */
	.amorehk_cont_wrap { background:#f2f2f0; }
	.amore_hk_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/amore_top_bg.jpg'); }
	.amore_hk_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/amore_top_txt.png'); background-position:50% 50%; background-size:625px auto; height:153px; }
	.amore_hk_pofol_wrap .md_ex_left {background-image: url('../img/pofol/amore_logo.png'); background-color:#0d221d; }
	.amore_hk_pofol_wrap p.pofol_date_info { color:#847441; }

	/* 클리포머스 */
	.clicformers_cont_wrap { background:#f2f2f0; }
	.clicformers_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/clicformers_top_bg.jpg'); }
	.clicformers_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/clicformers_top_txt.png'); background-position:50% 50%; background-size:548px auto; height:63px; }
	.clicformers_pofol_wrap .md_ex_left {background-image: url('../img/pofol/clicformers_logo.png'); background-color:#004ea2; }
	.clicformers_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 티맥스 */
	.tmax_cont_wrap { background:#f7f6f6; }
	.tmax_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/tmax_top_bg.jpg'); }
	.tmax_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/tmax_top_txt.png'); background-position:50% 50%; background-size:725px auto; height:147px; }
	.tmax_pofol_wrap .md_ex_left {background-image: url('../img/pofol/tmax_logo.png'); background-color:#aaaaaa; }
	.tmax_pofol_wrap p.pofol_date_info { color:#fff; }

	/* sktelcome */
	.sktelcome_cont_wrap { background:#f7f6f6; }
	.sktelcome_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/sktelcome_top_bg.jpg'); }
	.sktelcome_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/sktelcome_top_txt.png'); background-position:50% 50%; background-size:597px auto; height:167px; }
	.sktelcome_pofol_wrap .md_ex_left {background-image: url('../img/pofol/sktelcome_logo.jpg'); background-color:#e7172f; }
	.sktelcome_pofol_wrap p.pofol_date_info { color:#fff; }

	/* samsung */
	.samsung_cont_wrap { background:#f3f4f4; }
	.samsung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/samsung_top_bg.jpg'); }
	.samsung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/samsung_top_txt.png'); background-position:50% 50%; background-size:673px auto; height:167px; }
	.samsung_pofol_wrap .md_ex_left {background-image: url('../img/pofol/samsung_logo.png'); background-color:#0063af; }
	.samsung_pofol_wrap .md_ex_right { padding:120px 7.8125% 0 7.8125% }
	.samsung_pofol_wrap p.pofol_date_info { color:#fff; }

	/* HYUNDAI */
	.hyundai_cont_wrap { background:#f3f4f4; }
	.hyundai_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/hyundai_top_bg.jpg'); }
	.hyundai_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/hyundai_top_txt.png'); background-position:50% 50%; background-size:602px auto; height:167px; }
	.hyundai_pofol_wrap .md_ex_left {background-image: url('../img/pofol/hyundai_logo.png'); background-color:#0063af; }
	.hyundai_pofol_wrap p.pofol_date_info { color:#fff; }

	/* NAMSUNG */
	.namsung_cont_wrap { background:#f4f4f4; }
	.namsung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/namsung_top_bg.jpg'); }
	.namsung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/namsung_top_txt.png'); background-position:50% 50%; background-size:482px auto; height:149px; }
	.namsung_pofol_wrap .md_ex_left {background-image: url('../img/pofol/namsung_logo.png'); background-color:#0063af; }
	.namsung_pofol_wrap p.pofol_date_info { color:#fff; }

	/* DONGYOUNG */
	.dongyoung_cont_wrap { background:#f4f4f4; }
	.dongyoung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/dongyoung_top_bg.jpg'); }
	.dongyoung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/dongyoung_top_txt.png'); background-position:50% 50%; background-size:482px auto; height:129px; }
	.dongyoung_pofol_wrap .md_ex_left {background-image: url('../img/pofol/dongyoung_logo.png'); background-color:#0865aa; }
	.dongyoung_pofol_wrap p.pofol_date_info { color:#086cb4; }

	/* STARBUCKS CHEONG DAM */
	.starbuckscheongdam_cont_wrap { background:#0e0c0d; }
	.starbuckscheongdam_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/starbucks_cheongdam_top_bg.jpg'); }
	.starbuckscheongdam_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/starbucks_cheongdam_top_txt.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.starbuckscheongdam_pofol_wrap .md_ex_left {background-image: url('../img/pofol/starbucks_cheongdam_logo.png'); background-color:#171614; }
	.starbuckscheongdam_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 대한항공 */
	.kair_cont_wrap { background:#0e0c0d; }
	.kair_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/kair_img01.jpg'); }
	.kair_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/kair_pofol_ttl.png'); background-position:50% 50%; background-size:456px auto; height:158px; }
	.kair_pofol_wrap .md_ex_left {background-image: url('../img/pofol/kair_motto.png'); background-color:#4ec0e7; }
	.kair_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 스타벅스 */
	.sb_cont_wrap { background:#fff; }
	.sb_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/sb_img01.jpg'); }
	.sb_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/sb_pofol_ttl.png'); background-position:50% 50%; background-size:814px auto; height:158px; }
	.sb_pofol_wrap .md_ex_left {background-image: url('../img/pofol/sb_motto.png'); background-color:#007240; }
	.sb_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 대한항공 */
	.reporter_cont_wrap { background:#fff; }
	.reporter_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/reporter_img01.jpg'); }
	.reporter_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/reporter_pofol_ttl.png'); background-position:50% 50%; background-size:483px auto; height:139px; }
	.reporter_pofol_wrap .md_ex_left {background-image: url('../img/pofol/reporter_motto.png'); background-color:#83d8f8; }
	.reporter_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 국립재난안전 */
	.ndmi_cont_wrap { background:#fff; }
	.ndmi_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/ndmi_img01.jpg'); }
	.ndmi_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/ndmi_pofol_ttl.png'); background-position:50% 50%; background-size:997px auto; height:158px; }
	.ndmi_pofol_wrap .md_ex_left {background-image: url('../img/pofol/ndmi_motto.png'); background-color:#013b90; }
	.rndmi_pofol_wrap p.pofol_date_info { color:#fff; }

	/* 국립재난안전 */
	.espoir_cont_wrap { background:#fff; }
	.espoir_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/espoir_img01.jpg'); }
	.espoir_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/espoir_pofol_ttl.png'); background-position:50% 50%; background-size:437px auto; height:175px; }
	.espoir_pofol_wrap .md_ex_left {background-image: url('../img/pofol/espoir_motto.png'); background-color:#013b90; }
	.espoir_pofol_wrap p.pofol_date_info { color:#fff; }

	/* hyundai motors recruit */
	.hd_recruit_cont_wrap { }
	.hd_recruit_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/hd_recruit_img_01.jpg'); }
	.hd_recruit_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/hd_recruit_ttl.png'); background-position:50% 50%; background-size:690px auto; height:155px; }
	.hd_recruit_pofol_wrap .md_ex_left {background-image: url('../img/pofol/hd_recruit_motto.png'); background-color:#003469; }
	.hd_recruit_pofol_wrap p.pofol_date_info { color:#fff; }
	.pofol_wrap.hd_recruit_pofol_wrap { background:url('../img/pofol/hd_recruit_bg.jpg') center bottom repeat;}

	/* KFC */
	.kfc_cont_wrap { background:#fff; }
	.kfc_pofol_wrap .md_pofol_header {background: url('../img/pofol/kfc_img_01.jpg') 50% 0 no-repeat;background-size: cover;}
	.kfc_pofol_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/kfc_ttl.png'); background-position:50% 50%; background-size:547px auto; height:139px; }
	.kfc_pofol_wrap .md_ex_left {background-image: url('../img/pofol/kfc_motto.png'); background-color:#c4122f; }
	.kfc_pofol_wrap p.pofol_date_info { color:#fff; }
	.pofol_wrap.kfc_pofol_wrap { background:url('../img/pofol/kfc_bg.jpg') center bottom repeat;}

	/* new nowear */
	.nowear_cont_wrap {  }
	.nowear_cont_wrap .md_pofol_header { background-image:url('../img/pofol/nowear_top.jpg'); }
	.nowear_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/nowear_ttl.png'); background-position:50% 50%; background-size:352px auto; height:219px; }
	.nowear_cont_wrap .md_ex_left { background-image: url('../img/pofol/nowear_motto.png'); background-color:#000; }
	.nowear_cont_wrap p.pofol_date_info { color:#fff; }

	/* ssinbo */
	.ssinbo_cont_wrap {  }
	.ssinbo_cont_wrap .md_pofol_header { background-image:url('../img/pofol/ssinbo_header.jpg'); }
	.ssinbo_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/ssinbo_ttl.png'); background-position:50% 50%; background-size:799px auto; height:138px; }
	.ssinbo_cont_wrap .md_ex_left { background-image: url('../img/pofol/ssinbo_motto.png'); background-color:#244079; }
	.ssinbo_cont_wrap p.pofol_date_info { color:#fff; }

	/* jakomo */
	.jakomo_cont_wrap {  }
	.jakomo_cont_wrap .md_pofol_header { background-image:url('../img/pofol/jakomo_header.jpg'); }
	.jakomo_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/jakomo_ttl.png'); background-position:50% 50%; background-size:557px auto; height:138px; }
	.jakomo_cont_wrap .md_ex_left { background-image: url('../img/pofol/jakomo_motto.png'); background-color:#252527; }
	.jakomo_cont_wrap p.pofol_date_info { color:#fff; }

	/* BTime */
	.btime_cont_wrap {  }
	.btime_cont_wrap .md_pofol_header { background-image:url('../img/pofol/btime_header.jpg'); }
	.btime_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/btime_ttl.png'); background-position:50% 50%; background-size:516px auto; height:137px; }
	.btime_cont_wrap .md_ex_left { background-image: url('../img/pofol/btime_motto.png'); background-color:#0275aa; }
	.btime_cont_wrap p.pofol_date_info { color:#fff; }

	/* lookbook */
	.lookbook_cont_wrap {  }
	.lookbook_cont_wrap .md_pofol_header { background-image:url('../img/pofol/lookbook_top.jpg'); }
	.lookbook_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/lookbook_ttl.png'); background-position:50% 50%; background-size:464px auto; height:139px; }
	.lookbook_cont_wrap .md_ex_left { background-image: url('../img/pofol/lookbook_motto.png'); background-color:#000; }
	.lookbook_cont_wrap p.pofol_date_info { color:#fff; }

	/* pretty gipsy */
	.prettygipsy_cont_wrap {  }
	.prettygipsy_cont_wrap .md_pofol_header { background-image:url('../img/pofol/pretty_gipsy_img01.jpg'); }
	.prettygipsy_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/pretty_gipsy_ttl.png'); background-position:50% 50%; background-size:540px auto; height:159px; }
	.prettygipsy_cont_wrap .md_ex_left { background-image: url('../img/pofol/pretty_gipsy_motto.png'); background-color:#b6e3f6; }
	.prettygipsy_cont_wrap p.pofol_date_info { color:#fff; }

	/* 220603 포폴 추가 */
	/* 한고원 */
	.keis_cont_wrap {  }
	.keis_cont_wrap .md_pofol_header { background-image:url('../img/pofol/keis_topbg.jpg'); }
	.keis_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/keis_ttl.png'); background-position:50% 50%; background-size:883px auto; height:139px; }
	.keis_cont_wrap .md_ex_left { background-image: url('../img/pofol/keis_motto.png'); background-color:#087b93; }
	.keis_cont_wrap p.pofol_date_info { color:#fff; }

	/* 깔끔이 */
	.cleanup_cont_wrap {  }
	.cleanup_cont_wrap .md_pofol_header { background-image:url('../img/pofol/cleanup_topbg.jpg'); }
	.cleanup_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/cleanup_ttl.png'); background-position:50% 50%; background-size:460px auto; height:151px; }
	.cleanup_cont_wrap .md_ex_left { background-image: url('../img/pofol/cleanup_motto.png'); background-color:#2079ff; }
	.cleanup_cont_wrap p.pofol_date_info { color:#fff; }

	/* 소공인 */
	.sogongin_cont_wrap {  }
	.sogongin_cont_wrap .md_pofol_header { background-image:url('../img/pofol/sogongin_topbg.jpg'); }
	.sogongin_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/sogongin_ttl.png'); background-position:50% 50%; background-size:437px auto; height:241px; }
	.sogongin_cont_wrap .md_ex_left { background-image: url('../img/pofol/sogongin_motto.png'); background-color:#078dff; }
	.sogongin_cont_wrap p.pofol_date_info { color:#fff; }

	/* ipecs */
	.ipecs_cont_wrap {  }
	.ipecs_cont_wrap .md_pofol_header { background-image:url('../img/pofol/ipecs_topbg.jpg'); }
	.ipecs_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/ipecs_ttl.png'); background-position:50% 50%; background-size:508px auto; height:139px; }
	.ipecs_cont_wrap .md_ex_left { background-image: url('../img/pofol/ipecs_motto.png'); background-color:#f7f7f7; }
	.ipecs_cont_wrap p.pofol_date_info { color:#fff; }

	/* ericssonlg */
	.ericssonlg_cont_wrap {  }
	.ericssonlg_cont_wrap .md_pofol_header { background-image:url('../img/pofol/ericssonlg_topbg.jpg'); }
	.ericssonlg_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/ericssonlg_ttl.png'); background-position:50% 50%; background-size:508px auto; height:139px; }
	.ericssonlg_cont_wrap .md_ex_left { background-image: url('../img/pofol/ericssonlg_motto.png'); background-color:#f7f7f7; }
	.ericssonlg_cont_wrap p.pofol_date_info { color:#fff; }

	/* laseroptek */
	.laseroptek_cont_wrap {  }
	.laseroptek_cont_wrap .md_pofol_header { background-image:url('../img/pofol/laseroptek_topbg.jpg'); }
	.laseroptek_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/laseroptek_ttl.png'); background-position:50% 50%; background-size:475px auto; height:59px; }
	.laseroptek_cont_wrap .md_ex_left { background-image: url('../img/pofol/laseroptek_motto.png'); background-color:#6b94c1; }
	.laseroptek_cont_wrap p.pofol_date_info { color:#fff; }

	/* tomoon */
	.tomoon_cont_wrap {  }
	.tomoon_cont_wrap .md_pofol_header { background-image:url('../img/pofol/tomoon_topbg.jpg'); }
	.tomoon_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/tomoon_ttl.png'); background-position:50% 50%; background-size:544px auto; height:138px; }
	.tomoon_cont_wrap .md_ex_left { background-image: url('../img/pofol/tomoon_motto.png'); background-color:#f7f7f7; }
	.tomoon_cont_wrap p.pofol_date_info { color:#fff; }
	/* 220603 포폴 추가 end */

	/* 220609 포폴 추가 */
	/* ddp */
	.ddp_cont_wrap {  }
	.ddp_cont_wrap .md_pofol_header { background-image:url('../img/pofol/ddp_topbg.jpg'); }
	.ddp_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/ddp_ttl.png'); background-position:50% 50%; background-size:687px auto; height:138px; }
	.ddp_cont_wrap .md_ex_left { background-image: url('../img/pofol/ddp_motto.png'); background-color:#212121; }
	.ddp_cont_wrap p.pofol_date_info { color:#fff; }

	/* 서울디자인재단 */
	.sdf_cont_wrap {  }
	.sdf_cont_wrap .md_pofol_header { background-image:url('../img/pofol/sdf_topbg.jpg'); }
	.sdf_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/sdf_ttl.png'); background-position:50% 50%; background-size:508px auto; height:139px; }
	.sdf_cont_wrap .md_ex_left { background-image: url('../img/pofol/sdf_motto.png'); background-color:#0053a3; }
	.sdf_cont_wrap p.pofol_date_info { color:#fff; }

	/* 공유누리 */
	.eshare_cont_wrap {  }
	.eshare_cont_wrap .md_pofol_header { background-image:url('../img/pofol/eshare_topbg.jpg'); }
	.eshare_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/eshare_ttl.png'); background-position:50% 50%; background-size:364px auto; height:151px; }
	.eshare_cont_wrap .md_ex_left { background-image: url('../img/pofol/eshare_motto.png'); background-color:#fff; }
	.eshare_cont_wrap p.pofol_date_info { color:#fff; }
	/* 220609 포폴 추가 end */

	/* 220610 포폴 추가 */
	/* 레드캡 투어 */
	.redcaptour_cont_wrap {  }
	.redcaptour_cont_wrap .md_pofol_header { background-image:url('../img/pofol/redcap_tour_topbg.jpg'); }
	.redcaptour_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/redcap_tour_ttl.png'); background-position:50% 50%; background-size:550px auto; height:142px; }
	.redcaptour_cont_wrap .md_ex_left { background-image: url('../img/pofol/redcap_tour_motto.png'); background-color:#fff; }
	.redcaptour_cont_wrap p.pofol_date_info { color:#fff; }

	/* 레드캡 렌터카 */
	.redcaprent_cont_wrap {  }
	.redcaprent_cont_wrap .md_pofol_header { background-image:url('../img/pofol/redcap_rent_topbg.jpg'); }
	.redcaprent_cont_wrap .md_pofol_header .md_pofol_ttl { background-image:url('../img/pofol/redcap_rent_ttl.png'); background-position:50% 50%; background-size:378px auto; height:147px; }
	.redcaprent_cont_wrap .md_ex_left { background-image: url('../img/pofol/redcap_rent_motto.png'); background-color:#c6c6c6; }
	.redcaprent_cont_wrap p.pofol_date_info { color:#fff; }
	/* 220610 포폴 추가 end */

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

	/* kia */
	.kia_pofol_wrap .md_pofol_header .md_pofol_ttl {  background-size:90% auto; height:0; padding-bottom:30%; }
	.kia_pofol_wrap .md_ex_left{background-size:60%;}

	/* hanssem */
	.hanssem_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:60% auto; height:0; padding-bottom:30%; }
	.hanssem_pofol_wrap .md_ex_left{background-size:60%;}

	/* besilk */
	.besilk_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:70% auto; height:0; padding-bottom:20%; }
	.besilk_pofol_wrap .md_ex_left{background-size:60%;}

	/* espoir_taping */
	.espoir_taping_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:70% auto; height:0; padding-bottom:24%; }
	.espoir_taping_pofol_wrap .md_ex_left{background-size:60%;}

	/* magformers */
	.magformers_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.magformers_pofol_wrap .md_ex_left{background-size:60%;}

	/* sb planner */
	.sbpln_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.sbpln_pofol_wrap .md_ex_left{background-size:60%;}

	/* sb starbucks_xmas02 */
	.starbucks_xmas02_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:70% auto; height:0; padding-bottom:24%;}
	.starbucks_xmas02_pofol_wrap .md_ex_left { background-size:40%; }

	/* sb starbucks_autumn */
	.starbucks_autumn_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:60% auto; height:0; padding-bottom:24%; }
	.starbucks_autumn_pofol_wrap .md_ex_left{background-size:65%;}

	/* starbucks_merry */
	.starbucks_merry_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:70% auto; height:0; padding-bottom:20%; }
	.starbucks_merry_pofol_wrap .md_ex_left{background-size:60%;}

	/* starbucks_xmas01 */
	.starbucks_xmas01_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:30%; }
	.starbucks_xmas01_pofol_wrap .md_ex_left { background-size:40%; }

	/* hdglovis */
	.hdglovis_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:18%; }
	.hdglovis_pofol_wrap .md_pofol_ttl { background:url('../img/pofol/hdglovis_ttl.png') 50% 0 no-repeat; display:block; height:150px; overflow:hidden;  text-indent:-20000px; width:100%; }
	.hdglovis_pofol_wrap .md_ex_left { background-size:38%; }

	/* starbucks anniversary */
	.starbucks_ann_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:20%; }
	.starbucks_ann_pofol_wrap .md_ex_left { background-size:74%; }

	/* korair */
	.korair_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.korair_pofol_wrap .md_ex_left{background-size:60%;}

	/* starbucks teavana */
	.starbucks_teavana_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:30%; }
	.starbucks_teavana_pofol_wrap .md_ex_left{background-size:60%;}


	/* starbucks_summer */
	.starbucks_summer_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.starbucks_summer_pofol_wrap .md_ex_left{background-size:60%;}

	/* starbucks_summer_1 */
	.starbucks_summer_1_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:41%; }
	.starbucks_summer_1_pofol_wrap .md_ex_left{background-size:60%;}


	/* starbucks_valentine */
	.starbucks_valentine_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.starbucks_valentine_pofol_wrap .md_ex_left{background-size:60%;}

	/* starbucks_cherry */
	.starbucks_cherry_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:24%; }
	.starbucks_cherry_pofol_wrap .md_ex_left{background-size:25%;}

	/* starbucks_2017year */
	.starbucks_2017year_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:70% auto; height:0; padding-bottom:28%; }
	.starbucks_2017year_pofol_wrap .md_ex_left{background-size:60%;}

	/* ourhome */
	.ourhome_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:14%; }
	.ourhome_pofol_wrap .md_ex_left{background-size:60%;}


	/* kt_alleh */
	.ktalleh_pofol_wrap .md_pofol_header .md_pofol_ttl{  background-size:90% auto; height:0; padding-bottom:23%; }
	.ktalleh_pofol_wrap .md_ex_left{background-size:35%;}

	/* 애니콜 */
	.anycalls_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_anycalls_img01.jpg'); }
	.anycalls_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:76px; }
	.anycalls_pofol_wrap .md_ex_left { background-size:80%; }

	/* 아모레 홍콩 */
	.amore_hk_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_amore_top_bg.jpg'); }
	.amore_hk_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:22%; }
	.amore_hk_pofol_wrap .md_ex_left { background-size:80%; }

	/* 클리퍼머스 */
	.clicformers_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_clicformers_top_bg.jpg'); }
	.clicformers_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:12%; }
	.clicformers_pofol_wrap .md_ex_left { background-size:80%; }

	/* 클리퍼머스 */
	.tmax_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_tmax_top_bg.jpg'); }
	.tmax_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:18%; }
	.tmax_pofol_wrap .md_ex_left {background-image: url('../img/pofol/tmax_logo.png'); background-color:#aaaaaa; }
	.tmax_pofol_wrap .md_ex_left { background-size:80%; }

	/* sktelcome */
	.sktelcome_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_sktelcome_top_bg.jpg'); }
	.sktelcome_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:25%; }
	.sktelcome_pofol_wrap .md_ex_left { background-size:56%; }

	/* samsung */
	.samsung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_samsung_top_bg.jpg'); }
	.samsung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:21%; }
	.samsung_pofol_wrap .md_ex_left { background-size:36%; }
	.samsung_pofol_wrap .md_ex_right { padding:50px 7% 50px 7%; }

	/* hyundai */
	.hyundai_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_hyundai_top_bg.jpg'); }
	.hyundai_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:27%; }
	.hyundai_pofol_wrap .md_ex_left { background-size:47%; }

	/* namsung */
	.namsung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_namsung_top_bg.jpg'); }
	.namsung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:27%; }
	.namsung_pofol_wrap .md_ex_left { background-image: url('../img/pofol/m_namsung_logo.png'); background-size:80%; }

	/* dongyoung */
	.dongyoung_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_dongyoung_top_bg.jpg'); }
	.dongyoung_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:25%; }
	.dongyoung_pofol_wrap .md_ex_left { background-image: url('../img/pofol/m_dongyoung_logo.png'); background-size:80%; }

	/* STARBUCKS CHEONG DAM */
	.starbuckscheongdam_pofol_wrap .md_pofol_header { background-image:url('../img/pofol/m_starbucks_cheongdam_top_bg.jpg'); }
	.starbuckscheongdam_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_starbucks_cheongdam_top_txt.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.starbuckscheongdam_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:59%; }
	.starbuckscheongdam_pofol_wrap .md_ex_left { background-size:33%; }

	/* 대한항공 */
	.kair_pofol_wrap .md_pofol_header {  background-image:url('../img/pofol/m_kair_img01.jpg');  }
	.kair_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_kair_pofol_ttl.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.kair_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:31%; }
	.kair_pofol_wrap .md_ex_left { background-size:85%; }

	/* 스타벅스 */
	.sb_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_sb_pofol_ttl.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.sb_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:37%; }
	.sb_pofol_wrap .md_ex_left { background-size:85%; }

	/* 대한항공 네그비 */
	.reporter_pofol_wrap .md_pofol_header {  background-image:url('../img/pofol/m_reporter_img01.jpg'); background-position:center center;  }
	.reporter_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_reporter_pofol_ttl.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.reporter_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:26%; }
	.reporter_pofol_wrap .md_ex_left { background-size:48%; }

	/* 국립재난안전*/
	.ndmi_pofol_wrap .md_pofol_header {  background-image:url('../img/pofol/m_ndmi_img01.jpg'); background-position:center center;  }
	.ndmi_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_ndmi_pofol_ttl.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.ndmi_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:35%; }
	.ndmi_pofol_wrap .md_ex_left { background-size:41%; }

	/* 에스쁘아 */
	.espoir_pofol_wrap .md_pofol_header {  background-image:url('../img/pofol/m_espoir_img01.jpg'); background-position:center center;  }
	.espoir_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_espoir_pofol_ttl.png'); background-position:50% 50%; background-size:757px auto; height:229px; }
	.espoir_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:90% auto; height:0; padding-bottom:36%; }
	.espoir_pofol_wrap .md_ex_left { background-image:url('../img/pofol/m_espoir_motto.png'); background-size:100%; }

	/* hyundai motors recruit */
	.hd_recruit_pofol_wrap .md_pofol_header {background-position:60% center;  }
	.hd_recruit_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_hd_recruit_ttl.png'); background-position:50% 50%; background-size:326px auto; height:240px; }
	.hd_recruit_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:65% auto; height:0; padding-bottom:50%; }
	.hd_recruit_pofol_wrap .md_ex_left {background-size:65%; }

	/* KFC */
	.kfc_pofol_wrap .md_pofol_header {background-position:50% center;  }
	.kfc_pofol_wrap .md_pofol_header .md_pofol_ttl {background-image:url('../img/pofol/m_kfc_ttl.png'); background-position:50% 50%; background-size:326px auto; height:240px; }
	.kfc_pofol_wrap .md_pofol_header .md_pofol_ttl { background-size:65% auto; height:0; padding-bottom:14%; }
	.kfc_pofol_wrap .md_ex_left {background-size:25%; }

	/* new nowear */
	.nowear_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.nowear_cont_wrap .md_ex_left{background-size:60%;}

	/* ssinbo */
	.ssinbo_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.ssinbo_cont_wrap .md_ex_left { background-size:60%; }

	/* jakomo */
	.jakomo_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.jakomo_cont_wrap .md_ex_left { background-size:60%; }

	/* BTime */
	.btime_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.btime_cont_wrap .md_ex_left { background-size:60%; }

	/* lookbook */
	.lookbook_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.lookbook_cont_wrap .md_ex_left{background-size:60%;}

	/* pretty gipsy */
	.prettygipsy_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:70% auto; height:0; padding-bottom:45%; }
	.prettygipsy_cont_wrap .md_ex_left{background-size:60%;}

	/* 220603 포폴 추가 */
	/* 한고원 */
	.keis_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:50% auto; height:0; padding-bottom:14%; }
	.keis_cont_wrap .md_ex_left { background-size:40%; }

	/* 깔끔이 */
	.cleanup_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:50% auto; height:0; padding-bottom:17%; }
	.cleanup_cont_wrap .md_ex_left { background-size:30%; }

	/* 소공인 */
	.sogongin_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:50% auto; height:0; padding-bottom:28%; }
	.sogongin_cont_wrap .md_ex_left { background-size:40%; }

	/* ipecs */
	.ipecs_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:50% auto; height:0; padding-bottom:14%; }
	.ipecs_cont_wrap .md_ex_left { background-size:40%; }

	/* ericssonlg */
	.ericssonlg_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:50% auto; height:0; padding-bottom:14%; }
	.ericssonlg_cont_wrap .md_ex_left { background-size:40%; }

	/* laseroptek */
	.laseroptek_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:8%; }
	.laseroptek_cont_wrap .md_ex_left { background-size:60%; }

	/* tomoon */
	.tomoon_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:16%; }
	.tomoon_cont_wrap .md_ex_left { background-size:60%; }
	/* 220603 포폴 추가 end */

	/* 220609 포폴 추가 */
	/* ddp */
	.ddp_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:16%; }
	.ddp_cont_wrap .md_ex_left { background-size:60%; }

	/* 서울디자인재단 */
	.sdf_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:17%; }
	.sdf_cont_wrap .md_ex_left { background-size:40%; }

	/* 공유누리 */
	.eshare_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:25%; }
	.eshare_cont_wrap .md_ex_left { background-size:40%; }
	/* 220609 포폴 추가 end */

	/* 220610 포폴 추가 */
	/* 레드캡 투어 */
	.redcaptour_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:16%; }
	.redcaptour_cont_wrap .md_ex_left { background-size:40%; }

	/* 레드캡 렌터카 */
	.redcaprent_cont_wrap .md_pofol_header .md_pofol_ttl { background-size:60% auto; height:0; padding-bottom:24%; }
	.redcaprent_cont_wrap .md_ex_left { background-size:40%; }
	/* 220610 포폴 추가 end */

}


	.portfolio_page .main_pof_wrap { box-sizing:border-box; background:#fff; height:100%; overflow:hidden;padding-bottom:107px; width:60%; }
	.portfolio_page .main_pof_wrap .swiper-wrapper { opacity:1; }
	/*.swiper-container-free-mode > .swiper-wrapper { margin:0 0 0 -38%; }*/
	/* timeline */
	.portfolio_page .timeline_wrap {position:absolute; bottom:0; left:0; z-index:20; width:100%;  height:110px;  background:#fff;; }
	.portfolio_page .timeline_inner {height:100%;  box-sizing:border-box; margin-left:41px; padding:0 40px; }
	.portfolio_page .timeline-swiper .swiper-slide {width:auto!important;  padding-top:66px; }

	.portfolio_page .timeline_wrap .swiper-container {position:relative; height:100%;  box-sizing:border-box; background:#f6f6f6 url('../img/main/bg_timeline.png') 0 70px repeat-x; }
	.portfolio_page .timeline_inner .swiper-button-prev {position:absolute; top:22px; left:41px; width:40px; height:100%;  background-color:#e8e8e8; }
	.portfolio_page .timeline_inner .swiper-button-next {position:absolute; top:22px; right:1px; width:40px; height:100%;  background-color:#e8e8e8; }

	.portfolio_page .label_year {position:relative;  padding-left:9px; }
	.portfolio_page .label_year:before {position:absolute; top:2px; left:10px; width:4px; height:4px; border-radius:50%;  background:#999; content:''; }
	.portfolio_page .label_year:after {position:absolute; top:18px; left:0; font-size:12px; font-weight:bold;  color:#969897; content:''; }
	.portfolio_page .label_years:after { content:attr(data-year); }

	.portfolio_page .timeline_dot {display:block; position:relative; width:8px; height:8px; border-radius:50%;  background:#000; cursor:pointer; }
	.portfolio_page .timeline_dot:after {display:none; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-9px 0 0 -9px; border:1px solid #ff2f4a; border-radius:50%;  background:transparent; content:''; }
	.portfolio_page .timeline_desc { display:none; overflow:hidden; position:relative; top:-60px; left:50%; width:100px; height:100px; margin:0 auto; margin-left:-50px; text-align:center; }
	.portfolio_page .timeline_desc:after {position:absolute; top:0; left:50%; z-index:-1; width:1px; height:56px;  background:#ff2f4a; content:''; }
	.portfolio_page .timeline_desc_tit {display:block; padding:5px 17px; border-radius:10px;  background:#ff2f4a; font-size:12px; color:#fff; }

	.portfolio_page .timeline_dot.kia:after { border:1px solid #af0b29; }
	.portfolio_page .swiper-slide-active .timeline_dot.kia,
	.portfolio_page .timeline_desc.kia:after,
	.timeline_desc.kia .timeline_desc_tit { background:#af0b29; }

	.portfolio_page .timeline_dot.hassem:after { border:1px solid #f59100; }
	.portfolio_page .swiper-slide-active .timeline_dot.hassem,
	.portfolio_page .timeline_desc.hassem:after,
	.timeline_desc.hassem .timeline_desc_tit { background:#f59100; }

	.portfolio_page .timeline_dot.clicf:after { border:1px solid #004ea2; }
	.portfolio_page .swiper-slide-active .timeline_dot.clicf,
	.portfolio_page .timeline_desc.clicf:after,
	.timeline_desc.clicf .timeline_desc_tit { background:#004ea2; }

	.portfolio_page .timeline_dot.skc:after { border:1px solid #e80027; }
	.portfolio_page .swiper-slide-active .timeline_dot.skc,
	.portfolio_page .timeline_desc.skc:after,
	.timeline_desc.skc .timeline_desc_tit { background:#e80027; }

	.portfolio_page .timeline_dot.espoir:after { border:1px solid #000; }
	.portfolio_page .swiper-slide-active .timeline_dot.espoir,
	.portfolio_page .timeline_desc.espoir:after,
	.timeline_desc.espoir .timeline_desc_tit { background:#000; }

	.portfolio_page .timeline_dot.amhk:after { border:1px solid #837441; }
	.portfolio_page .swiper-slide-active .timeline_dot.amhk,
	.portfolio_page .timeline_desc.amhk:after,
	.timeline_desc.amhk .timeline_desc_tit { background:#837441; }

	.portfolio_page .timeline_dot.samsung:after { border:1px solid #0063af; }
	.portfolio_page .swiper-slide-active .timeline_dot.samsung,
	.portfolio_page .timeline_desc.samsung:after,
	.timeline_desc.samsung .timeline_desc_tit { background:#0063af; }

	.portfolio_page .timeline_dot.namsung:after { border:1px solid #594be0; }
	.portfolio_page .swiper-slide-active .timeline_dot.namsung,
	.portfolio_page .timeline_desc.namsung:after,
	.timeline_desc.namsung .timeline_desc_tit { background:#594be0; }

	.portfolio_page .timeline_dot.dy:after { border:1px solid #0865aa; }
	.portfolio_page .swiper-slide-active .timeline_dot.dy,
	.portfolio_page .timeline_desc.dy:after,
	.timeline_desc.dy .timeline_desc_tit { background:#0865aa; }

	.portfolio_page .timeline_dot.hdi:after { border:1px solid #0063af; }
	.portfolio_page .swiper-slide-active .timeline_dot.hdi,
	.portfolio_page .timeline_desc.hdi:after,
	.timeline_desc.hdi .timeline_desc_tit { background:#0063af; }

	.portfolio_page .timeline_dot.sb:after { border:1px solid #007042; }
	.portfolio_page .swiper-slide-active .timeline_dot.sb,
	.portfolio_page .timeline_desc.sb:after,
	.timeline_desc.sb .timeline_desc_tit { background:#007042; }

	.portfolio_page .timeline_dot.kair:after { border:1px solid #4ec0e7; }
	.portfolio_page .swiper-slide-active .timeline_dot.kair,
	.portfolio_page .timeline_desc.kair:after,
	.timeline_desc.kair .timeline_desc_tit { background:#4ec0e7; }

	.portfolio_page .timeline_dot.ndmi:after { border:1px solid #013b90; }
	.portfolio_page .swiper-slide-active .timeline_dot.ndmi,
	.portfolio_page .timeline_desc.ndmi:after,
	.timeline_desc.ndmi .timeline_desc_tit { background:#013b90; }

	.portfolio_page .timeline_dot.ourhome:after { border:1px solid #c19556; }
	.portfolio_page .swiper-slide-active .timeline_dot.ourhome,
	.portfolio_page .timeline_desc.ourhome:after,
	.timeline_desc.ourhome .timeline_desc_tit { background:#c19556; }

	.portfolio_page .timeline_dot.alleh:after { border:1px solid #ed2028; }
	.portfolio_page .swiper-slide-active .timeline_dot.alleh,
	.portfolio_page .timeline_desc.alleh:after,
	.timeline_desc.alleh .timeline_desc_tit { background:#ed2028; }

	.portfolio_page .timeline_dot.kfc:after { border:1px solid #c51230; }
	.portfolio_page .swiper-slide-active .timeline_dot.kfc,
	.portfolio_page .timeline_desc.kfc:after,
	.timeline_desc.kfc .timeline_desc_tit { background:#c51230; }

	.portfolio_page .timeline_dot.jakomo:after { border:1px solid #aca335; }
	.portfolio_page .swiper-slide-active .timeline_dot.jakomo,
	.portfolio_page .timeline_desc.jakomo:after,
	.timeline_desc.jakomo .timeline_desc_tit { background:#aca335; }

	.portfolio_page .timeline_dot.btime:after { border:1px solid #0175ab; }
	.portfolio_page .swiper-slide-active .timeline_dot.btime,
	.portfolio_page .timeline_desc.btime:after,
	.timeline_desc.btime .timeline_desc_tit { background:#0175ab; }

	.portfolio_page .timeline_dot.ssinbo:after { border:1px solid #244079; }
	.portfolio_page .swiper-slide-active .timeline_dot.ssinbo,
	.portfolio_page .timeline_desc.ssinbo:after,
	.timeline_desc.ssinbo .timeline_desc_tit { background:#244079; }

	/* 220603 포폴 추가 */
	/* 한고원 */
	.portfolio_page .timeline_dot.keis:after { border:1px solid #087b93; }
	.portfolio_page .swiper-slide-active .timeline_dot.keis,
	.portfolio_page .timeline_desc.keis:after,
	.timeline_desc.keis .timeline_desc_tit { background:#087b93; }
	/* 한고원 end */
	/* 깔끔이 */
	.portfolio_page .timeline_dot.cleanup:after { border:1px solid #2079ff; }
	.portfolio_page .swiper-slide-active .timeline_dot.cleanup,
	.portfolio_page .timeline_desc.cleanup:after,
	.timeline_desc.cleanup .timeline_desc_tit { background:#2079ff; }
	/* 깔끔이 end */
	/* 소공인 */
	.portfolio_page .timeline_dot.sogongin:after { border:1px solid #078dff; }
	.portfolio_page .swiper-slide-active .timeline_dot.sogongin,
	.portfolio_page .timeline_desc.sogongin:after,
	.timeline_desc.sogongin .timeline_desc_tit { background:#078dff; }
	/* 소공인 end */
	/* ericssonlg */
	.portfolio_page .timeline_dot.ericssonlg:after { border:1px solid #ff7c00; }
	.portfolio_page .swiper-slide-active .timeline_dot.ericssonlg,
	.portfolio_page .timeline_desc.ericssonlg:after,
	.timeline_desc.ericssonlg .timeline_desc_tit { background:#ff7c00; }
	/* ericssonlg end */
	/* ipecs */
	.portfolio_page .timeline_dot.ipecs:after { border:1px solid #033a7b; }
	.portfolio_page .swiper-slide-active .timeline_dot.ipecs,
	.portfolio_page .timeline_desc.ipecs:after,
	.timeline_desc.ipecs .timeline_desc_tit { background:#033a7b; }
	/* ipecs end */
	/* laseroptek */
	.portfolio_page .timeline_dot.laseroptek:after { border:1px solid #6b94c1; }
	.portfolio_page .swiper-slide-active .timeline_dot.laseroptek,
	.portfolio_page .timeline_desc.laseroptek:after,
	.timeline_desc.laseroptek .timeline_desc_tit { background:#6b94c1; }
	/* laseroptek end */
	/* tomoon */
	.portfolio_page .timeline_dot.tomoon:after { border:1px solid #e2007e; }
	.portfolio_page .swiper-slide-active .timeline_dot.tomoon,
	.portfolio_page .timeline_desc.tomoon:after,
	.timeline_desc.tomoon .timeline_desc_tit { background:#e2007e; }
	/* tomoon end */
	/* 220603 포폴 추가 end */

	/* 220609 포폴 추가 */
	/* ddp */
	.portfolio_page .timeline_dot.ddp:after { border:1px solid #212121; }
	.portfolio_page .swiper-slide-active .timeline_dot.ddp,
	.portfolio_page .timeline_desc.ddp:after,
	.timeline_desc.ddp .timeline_desc_tit { background:#212121; }
	/* 서울디자인재단 */
	.portfolio_page .timeline_dot.sdf:after { border:1px solid #034e99; }
	.portfolio_page .swiper-slide-active .timeline_dot.sdf,
	.portfolio_page .timeline_desc.sdf:after,
	.timeline_desc.sdf .timeline_desc_tit { background:#034e99; }
	/* 공유누리 */
	.portfolio_page .timeline_dot.eshare:after { border:1px solid #01b200; }
	.portfolio_page .swiper-slide-active .timeline_dot.eshare,
	.portfolio_page .timeline_desc.eshare:after,
	.timeline_desc.eshare .timeline_desc_tit { background:#01b200; }
	/* 220609 포폴 추가 end */

	/* 220610 포폴 추가 */
	/* 레드캡 투어 */
	.portfolio_page .timeline_dot.redcap_tour:after { border:1px solid #9a2121; }
	.portfolio_page .swiper-slide-active .timeline_dot.redcap_tour,
	.portfolio_page .timeline_desc.redcap_tour:after,
	.timeline_desc.redcap_tour .timeline_desc_tit { background:#9a2121; }

	.portfolio_page .timeline_dot.redcap_rent:after { border:1px solid #9a2121; }
	.portfolio_page .swiper-slide-active .timeline_dot.redcap_rent,
	.portfolio_page .timeline_desc.redcap_rent:after,
	.timeline_desc.redcap_rent .timeline_desc_tit { background:#9a2121; }
	/* 220610 포폴 추가 end */

	.portfolio_page .swiper-slide-active .timeline_dot { background:#ff2f4a; }
	.portfolio_page .swiper-slide-active .timeline_dot:after, .swiper-slide-active .timeline_desc, .swiper-slide-active .timeline_desc:after, .timeline_dot:hover:after { display:block; }
	.portfolio_page .timeline_dot:hover .timeline_desc { display:block; z-index:1; }

	.portfolio_page .main_pof_slide{padding-top:8%;}
	.portfolio_page .main_pof_slide:hover { padding-top:8%; }
	.portfolio_page .main_pof_slide figure.main_pof_thumb{width:100%;height:auto;}
 	.portfolio_page .main_pof_slide:hover strong,
	.portfolio_page .main_pof_slide:hover p.main_pof_date { color:inherit; }
	.portfolio_page .main_pof_slide:hover p.main_pof_exp,

	.portfolio_page .main_pof_slide:hover figure {opacity: 1;}

	.portfolio_page .main_pof_txt_wrap { padding:0 35px 0 10px; position:relative; z-index:1; }
	.portfolio_page .main_pof_txt_wrap strong { color:#000; display:block; font-size:35px; font-weight:500; overflow:hidden; position:relative; padding-bottom:30px; text-overflow:ellipsis; transition:color .7s; -webkit-transition:color .7s; white-space:nowrap; }
	.portfolio_page .main_pof_txt_wrap strong:after{content:'';position:absolute;bottom:0;left:0;width:50px;height:1px;background:#777;}
	.portfolio_page .main_pof_txt_wrap p.main_pof_date { color:#000; font-size:13px; font-weight:500; margin-top:60px; transition:color .7s; -webkit-transition:color .7s; }
	.portfolio_page .main_pof_txt_wrap p.main_pof_cate { color:#777; font-size:12px; height:90px; line-height:24px; margin-top:30px; }
	.portfolio_page .main_pof_txt_wrap p.main_pof_exp { display:none; color:#777; font-size:13px; letter-spacing:-1px; line-height:1.6; margin-top:40px; transition:opacity .7s; -webkit-transition:opacity .7s; }
	.portfolio_page .main_pof_slide figure.main_pof_thumb {  margin-top:30px; margin-bottom:45px; position:relative; transition:height .7s, opacity .7s; -webkit-transition:height .7s, opacity .7s; z-index:1; }
	.portfolio_page .main_pof_slide figure.main_pof_thumb img{width:100%}

	.portfolio_page .main_pof_slide.swiper-slide-active {background:#fff;  max-width:600px; @padding:0; width:70%; cursor:default; }
	.portfolio_page .main_pof_slide.swiper-slide-active .main_pof_exp {display:none;}

@media screen and (max-width:1280px) {
	.portfolio_page .main_pof_txt_wrap strong { font-size:25px; }
}

@media screen and (max-width:960px) {
	.portfolio_page .timeline_inner { margin-left:0; padding:0 40px 0 0; }
	.portfolio_page .timeline_inner .swiper-button-prev { left:1px; }
}

@media screen and (max-width:768px) {
	.portfolio_page .main_pof_wrap { padding-bottom:0; width:100%; }
	/*.swiper-container-free-mode > .swiper-wrapper { margin:0 0 0 -25%; }*/
	.portfolio_page .timeline_wrap{display:none;}
	.md_pofol_ex_wrap { height:auto; }
	#wrap .md_ex_left,
	#wrap .md_ex_right { float:none; width:100%; }
	#wrap .md_ex_left { padding-bottom:50%; }
	#wrap .md_ex_right { padding:50px 0 50px 7%; }
	#wrap .md_ex_right dl { margin-top:30px; }
	#wrap .md_ex_right dl:first-child { margin-top:0; }

	.portfolio_page .main_pof_slide { padding-top:24%; }
	.portfolio_page .main_pof_slide:hover { padding-top:24%; }
	.portfolio_page .main_pof_slide.swiper-slide-active { max-width:200px; padding-top:24%; width:200px; }
	.portfolio_page .main_pof_slide.swiper-slide-active .main_pof_exp { display:none; }
}

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

	.portfolio_page .main_pof_txt_wrap strong { font-size:20px; padding-bottom:20px; }
	.portfolio_page .main_pof_slide figure.main_pof_thumb { margin-bottom:25px; margin-top:20px; }
	.portfolio_page .main_pof_txt_wrap p.main_pof_cate { margin-top:20px; }

}