@charset "UTF-8";
/*reset*/
body,html{height:100%;font-size:12px;letter-spacing:-.05em;background:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'Apple SD Gothic Neo','Malgun Gothic',Helvetica,sans-serif;}
img,fieldset{border:0;}
img,li{vertical-align:top;}
ul,ol,li{list-style:none;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
button{border:0;background:none;cursor:pointer;}
a,button,input,select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;outline:none;border:none;}
select::-ms-expand{display:none;}
textarea{-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:transparent;}

/* 공통 */
.select{position:relative;display:block;padding:0 36px 0 24px;border:1px solid #999;border-radius:21px;overflow:hidden;background:#666;}
.select:after{position:absolute;top:50%;right:20px;content:"";display:block;width:7px;height:7px;margin-top:-6px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);}
.select select{display:block;width:100%;height:42px;font-size:13px;font-weight:bold;color:#bbb;background:none;}

.tab_content > li{display:none;}
.tab_content > li.active{display:block;}

/* 헤더 */
header{position:fixed;z-index:10;top:0;left:0;right:0;height:50px;padding:0;border-bottom:solid 1px rgba(0,0,0,.05);overflow:hidden;background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);}
header #header{position:relative;max-width:1086px;margin:0 auto;}
header #header .btn{position:absolute;top:0;;display:block;width:50px;height:50px;font-size:0;text-indent:-9999px;overflow:hidden;}
header #header .btn:after{position:absolute;top:50%;left:50%;content:"";display:block;width:18px;height:18px;background:url(../img/sp_common.png) no-repeat;background-size:500px auto;transform:translate(-50%,-50%);}
header #header .btn.move_home{left:0;}
header #header .btn.move_home:after{background-position:0 0;}
header #header .btn.menu_open{right:0;}
header #header .btn.menu_open:after{background-position:-20px 0;}
header #header h2{height:50px;line-height:55px;text-align:center;font-size:16px;}

nav{position:fixed;z-index:10;top:0;left:100%;right:-100%;bottom:0;background:rgba(0,0,0,.5);transition:left 0s,right 0s;}
nav.active{left:0;right:0;}
nav.active .menu{right:0;}
nav .menu{position:absolute;top:0;right:-100%;bottom:0;width:73%;font-weight:bold;overflow-y:scroll;background:#333;transition:right .3s;}
nav .menu > li > a{display:block;height:58px;line-height:59px;font-size:12px;color:#fff;}
nav .menu > li > a .icon{display:inline-block;width:18px;height:18px;margin:-3px 30px 0;vertical-align:middle;background:url(../img/sp_common.png) no-repeat;background-size:500px auto;}
nav .menu > li > a .icon.ico_00{background-position:-102px 0;}
nav .menu > li > a .icon.ico_01{background-position:-121px 0;}
nav .menu > li > a .icon.ico_02{background-position:-140px 0;}
nav .menu > li > a .icon.ico_03{background-position:-159px 0;}
nav .menu > li > a .icon.ico_04{background-position:-177px 0;}
nav .menu > li > a.active,
nav .menu > li > a:hover{background:rgba(255,255,255,.1);}

/* 푸터 */
footer{padding:50px 30px;color:#a7a7ac;background:#333;}
footer #footer{max-width:1086px;margin:0 auto;line-height:28px;font-size:14px;}
footer #footer .context .h2{line-height:32px;font-size:28px;font-weight:400;color:#fff;}
footer #footer .context .h2 > strong{display:block;font-weight:400;}
footer #footer .context .cs{margin-top:20px;}
footer #footer .context .cs .name > span{margin-right:5px;}
footer #footer .context .cs .name > a{color:#fff;}
footer #footer .context .cs .hour{color:#fff;}
footer #footer .context .cs .hour > span{display:block;}
footer #footer .context .info{}
footer #footer .context .info > span{display:block;}
footer #footer .family{margin-top:60px;}

/* 컨텐츠 */
main{padding-top:50px;}
#content{max-width:1086px;min-height:300px;padding-bottom:80px;margin:0 auto;}

/* 메인 */
.main_swiper{margin:0 auto;}
.main_swiper .swiper-pagination{bottom:40px;}
.main_swiper .swiper-pagination-bullets{font-size:0;}
.main_swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 6px;vertical-align:middle;background:#fff;opacity:1;}
.main_swiper .swiper-pagination-bullet-active{background:#e55;}
.main_swiper .swiper-slide{background-size:cover;background-position:50% 50%;}
.main_banner{display:table;width:100%;max-width:1086px;height:440px;margin:0 auto;color:#fff;}
.main_banner .content{display:table-cell;padding:0 20px;vertical-align:middle;}
.main_banner .content > *{word-break:keep-all;}
.main_banner .content .title{display:block;line-height:29px;padding:5px 0;font-size:18px;}
.main_banner .content .name{display:block;line-height:14px;padding:5px 0;font-size:14px;font-weight:600;opacity:.75;}
.main_banner .content .context{width:61.3%;line-height:18px;padding:5px 0;opacity:.75;}
.main_banner .content .btn_link{position:relative;display:inline-block;padding:0 65px 0 40px;margin-top:20px;border:1px solid #fff;border-radius:50px;overflow:hidden;}
.main_banner .content .btn_link:after{position:absolute;right:40px;top:50%;content:"";display:block;width:15px;height:12px;margin-top:-6px;background:url(../img/sp_common.png) -38px 0 no-repeat;background-size:500px auto;}
.main_banner .content .btn_link:before{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;content:"";background:#fff;opacity:.25;}
.main_banner .content .btn_link > span{position:relative;z-index:1;display:block;height:48px;line-height:49px;font-size:14px;}
.main_sec{padding:0 20px;}
.main_sec > .h2{padding:50px 0 15px;font-size:18px;text-align:center;}
.main_sec > .h2 > p{padding-top:20px;font-size:12px;color:#bbb;text-align:center;}
.main_sec .list_necessary{font-size:0;}
.main_sec .list_necessary > li{margin-bottom:10px;}
.main_sec .list_necessary > li > .card{padding:15px 20px;text-align:center;}
.main_sec .list_necessary > li > .card .icon{position:relative;display:block;height:120px;text-align:center;}
.main_sec .list_necessary > li > .card .icon:after{content:"";position:absolute;top:50%;left:50%;display:block;width:120px;height:120px;transform:translate(-50%,-50%);background:url(../img/sp_common.png) 0 0 no-repeat;background-size:500px auto;}
.main_sec .list_necessary > li > .card .icon.ico_01:after{background-position:0 -42px;}
.main_sec .list_necessary > li > .card .icon.ico_02:after{background-position:0 -163px;}
.main_sec .list_necessary > li > .card .icon.ico_03:after{background-position:0 -284px;}
.main_sec .list_necessary > li > .card .icon.ico_04:after{background-position:0 -405px;}
.main_sec .list_necessary > li > .card .title{display:block;height:32px;line-height:33px;padding-top:20px;font-size:16px;}
.main_sec .list_necessary > li > .card .context{line-height:20px;padding:10px 0 0 0;font-size:14px;color:#333;word-break:keep-all;}
.main_sec .list_purpose_wrapper{}
.main_sec .list_purpose_title{padding-bottom:10px;overflow-x:auto;font-size:0;white-space:nowrap;}
.main_sec .list_purpose_title > li{display:inline-block;margin-right:3px;}
.main_sec .list_purpose_title > li .title{display:block;width:68px;height:68px;padding:15px;border:1px solid #ededed;border-radius:8px;font-size:12px;color:#bbb;background:#fff;white-space:pre-line;word-break:keep-all;}
.main_sec .list_purpose_title > li.active .title{position:relative;color:#e55;border:1px solid #e55;box-shadow:0 1px 4px 0 rgba(0,0,0,.05);}
.main_sec .list_purpose_title > li.active .title span{background:url(../img/bg_underline.png) 0 0 repeat-x;background-size:auto 16px;}
.main_sec .list_purpose_content{}
.main_sec .list_purpose_content > .pack{margin-top:10px;}
.main_sec .box_manage_wrpper{}
.main_sec .box_manage{}
.main_sec .box_manage .column{margin-top:4px;}
.main_sec .box_manage .column .card{position:relative;display:block;height:146px;padding:0 20px;border-radius:8px;color:#fff;background:#ff7569;}
.main_sec .box_manage .column .card .title{position:relative;z-index:1;display:block;height:26px;line-height:26px;padding:22px 0 5px;font-size:18px;}
.main_sec .box_manage .column .card .context{position:relative;z-index:1;line-height:18px;padding:3px 0;font-size:12px;opacity:.85;}
.main_sec .box_manage .column .card .context.sub{position:relative;z-index:1;line-height:14px;font-size:10px;opacity:.6;}
.main_sec .box_manage .column .card.link{height:65px;margin-top:4px;background-color:#00c48c;}
.main_sec .box_manage .column .card.link:after{position:absolute;z-index:0;right:20px;top:50%;content:"";display:block;width:36px;height:36px;background:url(../img/sp_common.png) -64px 0 no-repeat;background-size:500px auto;transform:translateY(-50%);}
.main_sec .box_manage .column .card.link:first-child{margin-top:0;}
.main_sec .box_manage .column .card.link .title{height:20px;line-height:21px;padding-bottom:0;font-size:14px;text-indent:80px;}
.main_sec .box_manage .column .card .icon{position:absolute;z-index:0;content:"";display:block;width:44px;height:44px;background:url(../img/sp_common.png) no-repeat;background-size:500px auto;}
.main_sec .box_manage .column .card .icon.ico_01{right:36px;bottom:16px;background-position:-121px -42px;}
.main_sec .box_manage .column .card .icon.ico_02{right:36px;bottom:16px;background-position:-121px -86px;}
.main_sec .box_manage .column .card .icon.ico_03{left:30px;top:50%;background-position:-121px -130px;transform:translateY(-50%);}
.main_sec .box_manage .column .card .icon.ico_04{left:30px;top:50%;background-position:-121px -174px;transform:translateY(-50%);}

.purpose_card{padding:20px;margin-bottom:10px;border:solid 1px #ededed;border-radius:18px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.05);}
.purpose_card > a{position:relative;display:block;}
.purpose_card > a:after{position:absolute;top:5px;right:0;content:"";display:block;width:18px;height:18px;background:url(../img/sp_common.png) 0 -19px no-repeat;background-size:500px auto;}
.purpose_card .cf{display:block;font-size:12px;color:#333;}
.purpose_card .title{position:relative;display:block;padding:5px 30px 5px 0;font-size:14px;}
.purpose_card .title.semi{font-weight:500;}
.purpose_card .context{display:-webkit-box;height:40px;line-height:20px;margin-bottom:10px;font-size:12px;overflow:hidden;opacity:.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.purpose_card .corp{display:block;padding-bottom:8px;font-size:16px;font-weight:600;color:#ff7569;}
.purpose_card .tags{padding-top:15px;border-top:1px solid #f4f4f4;font-size:0;}
.purpose_card .tags > span{display:inline-block;height:24px;line-height:25px;padding:0 7px;margin-right:4px;border:1px solid #fff;border-radius:2px;font-size:12px;color:#1e1e1e;opacity:.75;}
.purpose_card .tags > span.payment{color:#00c48c;border-color:#00c48c;}
.purpose_card .tags > span.product{color:#ee5555;border-color:#ee5555;}
.purpose_card .tags > span.purpose{color:#9ba2ed;border-color:#9ba2ed;}
.purpose_card .tags > span.account{color:#ff7569;border-color:#ff7569;}
.purpose_card .name{padding-top:15px;border-top:1px solid #f4f4f4;font-size:12px;font-weight:600;color:#ff7569;}
.purpose_card .name > span{display:inline-block;height:24px;line-height:25px;border:1px solid transparent;}
.purpose_card .charge{padding-top:10px;border-top:1px solid #f4f4f4;font-size:14px;text-align:left;}
.purpose_card .charge table{line-height:24px;color:#333;}
.purpose_card .charge table th{width:50px;padding-right:20px;font-weight:400;color:#999;white-space:nowrap;}
.purpose_card .charge table td{word-break:break-all;}

/* 서브 */
.sub_full_wrapper{background:#e55;margin-bottom:30px;}
.sub_full{max-width:1084px;padding:24px 0 20px;margin:0 auto;}
.sub_full > .sub_text{display:none;}
.sub_sec{padding:0 24px;}
.sub_sec .h2_wrapper{padding:20px 0;}
.sub_sec .h2_wrapper .h2{display:none;}
.sub_sec .h2_wrapper .exp{padding-top:20px;font-weight:600;color:#333;}

/* 한눈에 보는 광고 */
.list_device_title{padding:0 24px 7px;overflow-x:auto;font-size:0;white-space:nowrap;}
.list_device_title > li{display:inline-block;margin-right:8px;}
.list_device_title > li:last-child{margin-right:0;}
.list_device_title > li > .title{position:relative;display:block;width:100px;height:54px;padding:26px 0 20px;border-radius:8px;font-size:12px;color:#e55;text-align:center;background:#fff;}
.list_device_title > li.active > .title{background:#fbd4d4;}
.list_device_title > li.active > .title:after{position:absolute;left:50%;bottom:-7px;content:"";display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fbd4d4;transform:translateX(-50%);}
.list_device_title > li > .title .icon{display:block;width:24px;height:24px;margin:0 auto 13px;background:url(../img/sp_common.png) no-repeat;background-size:500px; auto;}
.list_device_title > li > .title .icon.ico_01{background-position:-166px -42px;}
.list_device_title > li > .title .icon.ico_02{background-position:-166px -67px;}
.list_device_title > li > .title .icon.ico_03{background-position:-166px -92px;}
.list_device_title > li > .title .icon.ico_04{background-position:-166px -117px;}
.list_device_title > li > .title .icon.ico_05{background-position:-166px -142px;}

.select_screen_wrapper{position:relative;z-index:2;}
.select_screen_title{display:none;}
.select_screen_list{text-align:center;overflow-x:auto;white-space:nowrap;}
.select_screen_list > li{display:inline-block;}
.select_screen_list > li > a{display:block;height:38px;line-height:39px;padding:0 20px;border:1px solid #ededed;border-radius:20px;color:#333;background:#fff;}
.select_screen_list > li.active > a{border-color:#e55;color:#fff;background:#e55;}

.ad_swiper{margin:0 auto;}
.ad_swiper .swiper-slide{opacity:.4;}
.ad_swiper .swiper-slide.swiper-slide-active{z-index:1;opacity:1;}
.ad_swiper .swiper-button-prev,
.ad_swiper .swiper-button-next{width:34px;height:68px;background:url(../img/sp_common.png) 0 0 no-repeat;background-size:500px auto;}
.ad_swiper .swiper-button-prev{left:0;background-position:-191px -131px;}
.ad_swiper .swiper-button-next{right:0;background-position:-226px -131px;}
.ad_swiper .swiper-button-prev:after,
.ad_swiper .swiper-button-next:after{content:"";}
.ad_swiper_pc{margin:0 auto;}
.ad_swiper_pc .swiper-slide{opacity:.4;}
.ad_swiper_pc .swiper-slide.swiper-slide-active{z-index:1;opacity:1;}
.ad_swiper_pc .swiper-button-prev,
.ad_swiper_pc .swiper-button-next{width:34px;height:68px;background:url(../img/sp_common.png) 0 0 no-repeat;background-size:500px auto;}
.ad_swiper_pc .swiper-button-prev{left:0;background-position:-191px -131px;}
.ad_swiper_pc .swiper-button-next{right:0;background-position:-226px -131px;}
.ad_swiper_pc .swiper-button-prev:after,
.ad_swiper_pc .swiper-button-next:after{content:"";}

.click_event_box_wrapper{padding:40px 0 50px;}
.click_event_box{position:relative;max-width:540px;margin:0 auto;border:1px solid #bbb;}
.click_event_box.active:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";display:block;background:rgba(0,0,0,.5);}
.click_event_box .image{display:block;width:100%;}
.click_event_box .tooltip{position:absolute;left:0;right:0;}
.click_event_box .tooltip.active .cont{display:block;}
.click_event_box .tooltip .btn_open{position:relative;display:block;width:100%;font-size:0;text-indent:-9999px;}
.click_event_box .tooltip .btn_open:after{position:absolute;left:50%;bottom:-30px;content:"";display:block;width:56px;height:86px;margin-left:-112px;background:url(../img/sp_common.png) -191px -42px no-repeat;background-size:500px auto;}
.click_event_box .tooltip .cont{position:absolute;bottom:30px;left:50%;right:0;display:none;width:290px;padding:10px;border-radius:18px;background:#e55;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);transform:translateX(-50%);}
.click_event_box .tooltip .cont:after{position:absolute;bottom:-9px;left:59px;content:"";display:block;width:24px;height:9px;background:url(../img/sp_common.png) -196px -33px no-repeat;background-size:500px auto;}
.click_event_box .tooltip .cont .btn_close{position:absolute;top:15px;right:20px;display:block;width:16px;height:16px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../img/sp_common.png) -102px -19px no-repeat;background-size:500px auto;}
.click_event_box .tooltip .cont .purpose_card{margin:0;}
.click_event_box .tooltip .cont .purpose_card+.purpose_card{margin-top:10px;}
.click_event_box .tooltip .cont .cont_title{display:block;padding:5px 50px 10px 10px;font-size:16px;color:#fff;}

.box_product{height:calc(100vh - 25%);padding:24px;overflow-y:auto;}
.box_product+.box_product{margin-top:30px;}
.box_product .box_title{padding-bottom:30px;border-bottom:1px solid #ededed;}
.box_product .box_title .h3{position:relative;display:block;padding: 5px 30px 5px 0;font-size:20px;color:#333;}
.box_product .box_title .context{}
.box_product .box_title .context .text{margin-bottom:10px;}
.box_product .box_title .context .text p{line-height:24px;font-size:14px;color:#333;}
.box_product .box_title .context .direct{margin-bottom:10px;}
.box_product .box_title .context .direct .btn_contact{display:inline-block;padding:5px 0;color:#999;white-space:nowrap;}
.box_product .box_title .context .direct .btn_contact:before{content:"";display:inline-block;width:12px;height:12px;margin:-1px 10px 0 0;vertical-align:middle;background:url(../img/sp_common.png) 0 0 no-repeat;background-size:500px auto;}
.box_product .box_title .context .direct .btn_contact.tel:before{background-position:-121px -19px;}
.box_product .box_title .context .direct .btn_contact.mail:before{background-position:-134px -19px;}
.box_product .box_title .context .links{}
.box_product .box_title .context .links .box_links{margin:0;}
.box_product .column{}
.box_product .column .compare{margin-top:20px;}
.box_product .column .compare > ul > li{padding:10px 20px;margin-top:8px;border-radius:8px;overflow:hidden;background:#e55;}
.box_product .column .compare > ul > li:nth-child(1){margin-top:0;}
.box_product .column .compare > ul > li:nth-child(3n - 1){background:#00c48c;}
.box_product .column .compare > ul > li:nth-child(3n){background:#ffcf5c;}
.box_product .column .compare .row{display:table;width:100%;padding:10px 0;border-top:1px solid rgba(255,255,255,.15);}
.box_product .column .compare .row:first-child{border-top:none;}
.box_product .column .compare .row .cell{display:table-cell;text-align:right;color:#fff;vertical-align:bottom;}
.box_product .column .compare .row .cell:first-child{text-align:left;}
.box_product .column .compare .name{padding-bottom:5px;font-size:14px;}
.box_product .column .compare .roas{}
.box_product .column .compare .roas > span{display:block;}
.box_product .column .compare .roas > em{display:block;font-size:25px;font-weight:600;}
.box_product .column .compare .roas > em:before{content:"약";margin-right:5px;font-size:12px;font-weight:400;}
.box_product .column .compare .roas > em:after{content:"%";}
.box_product .column .compare .ad{font-size:18px;font-weight:600;opacity:.5;}
.box_product .column .compare .ad:before{content:"광고비";margin-right:5px;font-size:12px;}
.box_product .column .compare .trsc{font-size:18px;font-weight:600;}
.box_product .column .compare .trsc:before{content:"거래액";margin-right:5px;font-size:12px;opacity:.5;}
.box_product .column .image{margin-top:20px;border:1px solid #bbb;}
.box_product .column .image > img{display:block;width:100%;}
.box_product .column .info{margin-top:20px;}
.box_product .column .info > dl{}
.box_product .column .info > dl > dt{padding-bottom:10px;font-weight:600;color:#333;}
.box_product .column .info > dl > dd{padding-bottom:30px;line-height:20px;color:#666;}

/* 레이어팝업 */
.layer_wrapper{position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;display:none;background:rgba(0,0,0,.5);}
.layer_wrapper.active{display:block;}
.layer_wrapper .layer{position:absolute;top:5%;left:5%;right:5%;bottom:5%;max-width:1000px;margin:0 auto;border:1px solid #e55;border-radius:18px;overflow:hidden;background:#fff;}
.layer_wrapper .layer .top_liner{height:44px;background:#e55;}
.layer_wrapper .layer .top_liner:after{content:"";display:block;clear:both;}
.layer_wrapper .layer .top_liner .btn_detail_close{float:right;width:16px;height:16px;margin:13px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../img/sp_common.png) -102px -19px no-repeat;background-size:500px auto;}

/* 성공사례 */
.box_case_detail{height:calc(100vh - 25%);padding:24px;overflow-y:auto;}
.box_case_detail .case_title{}
.box_case_detail .case_title .cf{display:block;font-size:12px;color:#333;}
.box_case_detail .case_title .title{position:relative;display:block;padding:5px 30px 5px 0;font-size:20px;}
.box_case_detail .case_title .tags{padding-top:5px;border-top:none;font-size:0;}
.box_case_detail .case_title .tags > span{display:inline-block;height:24px;line-height:25px;padding:0 7px;margin-right:4px;border:1px solid #fff;border-radius:2px;font-size:12px;color:#1e1e1e;opacity:.75;}
.box_case_detail .case_title .tags > span.payment{color:#00c48c;border-color:#00c48c;}
.box_case_detail .case_title .tags > span.product{color:#ee5555;border-color:#ee5555;}
.box_case_detail .case_title .tags > span.purpose{color:#9ba2ed;border-color:#9ba2ed;}
.box_case_detail .case_title .tags > span.account{color:#ff7569;border-color:#ff7569;}
.box_case_detail .case_content{margin-top:20px;border-top:1px solid #ededed;}
.box_case_detail .case_content:after{content:"";display:block;clear:both;}
.box_case_detail .case_content .cat{padding-top:20px;}
.box_case_detail .case_content .cat .box{padding:20px;border-radius:8px;font-size:16px;color:#fff;background:#fc5f64;}
.box_case_detail .case_content .cat .box em{display:block;}
.box_case_detail .case_content .cat .box span{display:block;}
.box_case_detail .case_content .cont{padding-top:20px;font-size:12px;}
.box_case_detail .case_content .cont .subject{display:block;line-height:28px;font-size:20px;font-weight:400;color:#333;}
.box_case_detail .case_content .cont .list{padding-top:10px;color:#333;}
.box_case_detail .case_content .cont .list span{line-height:26px;color:#e55;}
.box_case_detail .case_content .cont .list span:after{content:" : ";color:#333;}
.box_case_detail .case_content .cont .context{display:block;height:auto;line-height:22px;padding:20px 0;margin-top:20px;border-top:1px solid #ededed;color:#999;-webkit-line-clamp:unset;-webkit-box-orient:unset;opacity:1;}
.box_case_detail .case_content .cont .context p{padding-bottom:20px;}

/* 공식대행사 */
.box_agency{text-align:center;}
.box_agency .introduce{color:#333;}
.box_agency .introduce > em{display:block;font-size:16px;font-weight:600;}
.box_agency .introduce > strong{display:block;line-height:22px;padding:8px 0;font-size:18px;color:#000;}
.box_agency .introduce > strong > b{color:#fc5f64;}
.box_agency .introduce > p{line-height:18px;padding:5px 0;font-size:11px;}
.box_agency .point{padding:30px 0;font-size:0;}
.box_agency .point > li{display:inline-block;width:calc(50% - 8px);height:156px;margin:0 16px 16px 0;border-radius:8px;vertical-align:middle;background:#e55;}
.box_agency .point > li:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.box_agency .point > li:nth-child(2n){margin-right:0;}
.box_agency .point > li > div{display:inline-block;width:100%;color:#fff;vertical-align:middle;}
.box_agency .point > li > div > strong{display:block;font-size:20px;font-weight:900;}
.box_agency .point > li > div > span{display:block;font-size:12px;opacity:.75;}

.box_agency .sub_title{line-height:22px;font-size:18px;color:#333;}
.box_agency .graph_wrapper{}
.box_agency .graph_wrapper .graph{padding-top:35px;}
.box_agency .graph_wrapper .graph > strong{display:block;padding-bottom:13px;font-size:14px;color:#bbb;text-align:left;}
.box_agency .graph_wrapper .graph > img{display:block;width:100%;}

.box_links{margin:30px 0;text-align:center;}
.box_links .btn_link{position:relative;display:inline-block;height:48px;line-height:48px;padding:0 80px 0 30px;border:1px solid #e55;border-radius:50px;font-size:14px;color:#e55;text-align:center;background:rgba(238,85,85,.05);}
.box_links .btn_link:after{position:absolute;top:50%;right:40px;content:"";width:12px;height:12px;background:url(../img/sp_common.png) -147px -19px no-repeat;background-size:500px auto;transform:translateY(-50%);}

/* 광고소개 */
.sub_introduce{}


/**************************** TABLET ****************************/
@media (min-width:768px){
  /* 헤더 */
  header{height:60px;padding:0 20px;overflow:visible;}
  header #header:after{content:"";display:block;clear:both;}
  header #header .btn.move_home{width:68px;height:60px;}
  header #header .btn.move_home:after{width:68px;height:23px;background-position:-255px -19px;}
  header #header .btn.menu_open{display:none;}
  header #header h2{display:none;}
  header #header nav{position:static;float:right;background:none;}
  header #header nav .menu{position:static;width:auto;background:none;overflow:visible;}
  header #header nav .menu:after{content:"";display:block;clear:both;}
  header #header nav .menu > li{position:relative;float:left;padding:0 20px;}
  header #header nav .menu > li:last-child{padding-right:0;}
  header #header nav .menu > li.home{display:none;}
  header #header nav .menu > li > a{display:block;height:60px;line-height:60px;font-size:16px;color:#333;}
  header #header nav .menu > li > a.active,
  header #header nav .menu > li > a:hover{color:#e55}
  header #header nav .menu > li > a .icon{display:none;}
  header #header nav .menu > li > ul{position:absolute;top:100%;display:none;background:#fff;}

  /* 푸터 */
  footer #footer{}
  footer #footer:after{content:"";display:block;clear:both;}
  footer #footer .context{float:left;}
  footer #footer .context .h2 > strong{display:inline;}
  footer #footer .context .cs .hour:after{content:"";display:block;clear:both;}
  footer #footer .context .cs .hour > span{float:left;}
  footer #footer .context .cs .hour > span + span:before{content:"|";margin:0 10px;color:#a7a7ac;}
  footer #footer .context .info:after{content:"";display:block;clear:both;}
  footer #footer .context .info > span{float:left;}
  footer #footer .context .info > span + span:before{content:"|";margin:0 10px;color:#a7a7ac;}
  footer #footer .family{float:right;width:34%;margin-top:120px;}

  /* 컨텐츠 */
  main{padding-top:60px;}
  #content{min-height:600px;padding-bottom:100px;}

  /* 메인 */
  .main_banner{height:415px;}
  .main_banner .content .title{line-height:36px;padding-bottom:15px;font-size:28px;}
  .main_banner .content .name{line-height:14px;font-size:14px;opacity:1;}
  .main_banner .content .context{width:500px;line-height:24px;font-size:12px;}
  .main_sec > .h2{padding:80px 0 30px;font-size:26px;text-align:left;}
  .main_sec > .h2 > p{text-align:left;}
  .main_sec .list_necessary:after{content:"";display:block;clear:both;}
  .main_sec .list_necessary > li{float:left;width:calc(25% - 12px);margin-right:15px;}
  .main_sec .list_necessary > li:nth-child(4n){margin-right:0;}
  .main_sec .list_necessary > li > .card{padding:24px 15px;border:1px solid #ededed;border-radius:18px;box-shadow:0 1px 4px 0 rgba(0,0,0,.05);}
  .main_sec .box_manage_wrpper .main_text{text-align:left;color:#666;}
  .main_sec .box_manage:after{content:"";display:block;clear:both;}
  .main_sec .box_manage .column{float:left;width:calc(33.3% - 11px);margin-right:16px;}
  .main_sec .box_manage .column:nth-child(3n){margin-right:0;}
  .main_sec .box_manage .column{}
  .main_sec .box_manage .column .card.link{margin-top:16px;}

  .list_purpose_content > .pack{font-size:0;}
  .list_purpose_content > .pack:after{content:"";display:block;clear:both;}
  .list_purpose_content > .pack .purpose_card{display:inline-block;width:calc(33.3% - 53px);margin-right:16px;vertical-align:top;}
  .list_purpose_content > .pack .purpose_card:nth-child(3n){margin-right:0;}

  /* 서브 */
  .sub_full{padding:40px 0 37px;}
  .sub_full:after{content:"";display:block;clear:both;}
  .sub_full > .sub_text{float:left;display:block;color:#fff;}
  .sub_full > .sub_text .h2{padding-bottom:40px;font-size:32px;}
  .sub_full > .sub_text .h3{line-height:18px;padding-top:4px;font-size:18px;opacity:.75;}
  .sub_full > .sub_text .context{line-height:18px;padding-top:6px;font-size:14px;}
  .list_device_title{float:right;padding-right:0;}
  .list_device_title > li{}

  .sub_sec .sub_name{padding:30px 0;}
  .sub_sec .sub_name > .h3{line-height:30px;padding-top:10px;font-size:28px;}
  .sub_sec .sub_name > .context{line-height:22px;padding-top:10px;font-size:14px;}

  .sub_sec .h2_wrapper{padding-top:50px;}
  .sub_sec .h2_wrapper .h2{display:block;font-size:32px;}
  .sub_sec .h2_wrapper .exp{padding-top:10px;}

  .click_event_box_wrapper{padding:80px 0 100px;}
  .click_event_box{max-width:280px;}
  .click_event_box.pc{max-width:1080px;}

  .box_case_detail .case_content .cat{float:left;width:200px;}
  .box_case_detail .case_content .cat .box{height:140px;padding:30px;border-radius:18px;}
  .box_case_detail .case_content .cont{float:right;width:calc(100% - 250px);}

  .box_agency{padding:60px 30px;border:1px solid #e55;border-radius:18px;}
  .box_agency .introduce > em{line-height:34px;font-size:32px;}
  .box_agency .introduce > strong{line-height:34px;font-size:32px;}
  .box_agency .introduce > p{font-size:14px;}
  .box_agency .point{max-width:890px;padding:40px 0;margin:0 auto;}
  .box_agency .point > li{width:calc(25% - 23px);height:200px;margin-right:30px;border-radius:50%;}
  .box_agency .point > li:nth-child(2n){margin-right:30px;}
  .box_agency .point > li:nth-child(4n){margin-right:0;}
  .box_agency .graph_wrapper{text-align:center;font-size:0;}
  .box_agency .graph_wrapper .graph{display:inline-block;width:calc(50% - 110px);max-width:327px;margin:0 55px;}
  .box_agency .graph_wrapper .graph > strong{text-align:center;}

  .box_product{}
  .box_product .box_title{}
  .box_product .box_title .h3{padding:10px 30px 10px 0;font-size:30px;}
  .box_product .box_title .context{display:flex;}
  .box_product .box_title .context > div{flex:1;}
  .box_product .box_title .context .text{flex:auto;}
  .box_product .box_title .context .direct{margin-left:40px;}
  .box_product .box_title .context .direct .btn_contact{font-size:14px;}
  .box_product .box_title .context .links{margin-left:40px;}
  .box_product .box_title .context .links .btn_link{width:100px;}
  .box_product .column{}
  .box_product .column:after{content:"";display:block;clear:both;}
  .box_product .column .compare{float:left;width:calc(100% - 400px);}
  .box_product .column .image{float:right;width:375px;}
  .box_product .column .image > img{margin:0 auto;}
  .box_product .column .info{float:left;width:calc(100% - 400px);}
  .box_product .column .compare > ul:after{content:"";display:block;clear:both;}
  .box_product .column .compare > ul > li{float:left;margin:0 6px 6px 0;}
  .box_product .column .compare .row .cell{display:block;}
  .box_product .column .compare .row .cell:first-child{text-align:right;}
  .box_product .column .compare .ad:before{display:block;margin-right:0;}
  .box_product .column .compare .trsc{padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.15);}
  .box_product .column .compare .trsc:before{display:block;margin-right:0;}
  .box_product .column .info > dl > dt{font-size:16px;}
  .box_product .column .info > dl > dd{font-size:14px;}
}

/**************************** PC ****************************/
@media (min-width:1084px){
  /* 헤더 */
  header{padding:0;}

  /* 메인 */
  .main_banner .content{padding:0;}
  .main_sec{padding:0;}
  .main_sec .list_purpose_wrapper{position:relative;}
  .main_sec .list_purpose_title{position:absolute;top:-70px;right:0;overflow:visible;}
  .main_sec .list_purpose_title > li{margin:0 10px;}
  .main_sec .list_purpose_title > li:last-child{margin-right:0;}
  .main_sec .list_purpose_title > li .title{width:auto;max-width:120px;height:auto;padding:0;border:none;border-radius:0;font-size:14px;text-align:center;}
  .main_sec .list_purpose_title > li.active .title{border:none;box-shadow:none;}
  .main_sec .list_purpose_title > li.active .title span{background-position:0 3px;}
  /* .main_sec .list_purpose_title > li.active .title:after{position:absolute;left:-5px;right:-5px;bottom:0;content:"";display:block;height:6px;border-radius:6px;background:#fce76c;} */
  /* .main_sec .list_purpose_title > li.active .title span{position:relative;z-index:1;background:none;} */
}