@charset "utf-8";

@import "/css/fonts.css";


/*공통*/
.malgunGothic{font-family: 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
.cfixed:after{display:block; content:""; clear:both;}
.t_bold{font-weight:700;}
#wrap{overflow:hidden;}
.inner{margin:0 auto; width:1408px;}

/*상단*/
#headerWrap{height:90px; background:#ed3061;}
#header{width:1408px; margin:0 auto;}
#header h1{float:left; margin-top:28px;}
#header .contact{float:right;}
#header .contact li{float:left; color:#fff; font-weight:700; font-size:38px; position:relative;}
#header .contact li a{color:#fff; font-weight:400; position:relative; display:inline-block; font-size:25px; width:224px; height:43px; border-radius:30px; border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; text-align:center; padding-left:20px; line-height:40px; margin-top:22px;}
#header .contact li.homepage a {border:0; margin-right:20px;}
#header .contact li.tel1,
#header .contact li.tel2{line-height:90px; padding-left:54px; margin-right:25px;}
#header .contact li.tel1::before{content:""; display:block; width:44px; height:44px; background:url(/img/tel_ico1.png); position:absolute; top:24px; left:0;}
#header .contact li.tel2::before{content:""; display:block; width:44px; height:44px; background:url(/img/tel_ico2.png); position:absolute; top:24px; left:0;}
#header .contact li.kakao a::before{content:""; display:block; width:44px; height:44px; background:url(/img/kakao_ico.png); position:absolute; top:-1px; left:-1px;}

/*메인비주얼*/
#main_visual{background:url(/img/visual_bg.jpg) center center; background-size:cover; padding-top:95px;}
#main_visual .left{float:left;}
#main_visual .right{float:right; padding-top:155px;}
#main_visual .right h2{margin-bottom:35px;}
#main_visual .right p{color:#fff; font-size:35px; line-height:50px;}

/*인스타그램 너무 궁금해!*/
.sc_con1{background:url(/img/con1_bg.jpg) center center; background-size:cover; text-align:center; padding:110px 0 85px 0;}
.sc_con1 h2{padding-bottom:37px;}
.sc_con1 ul{position:relative; height:1258px;}
.sc_con1 li.left{position:absolute; left:0; top:160px;}
.sc_con1 li.right{position:absolute; right:0; bottom:0;}

/*궁금해! 인스타 알고리즘!*/
.sc_con2{background:url(/img/con2_bg.jpg) center center; background-size:cover; text-align:center; padding:110px 0 85px 0;}
.sc_con2 h2{padding-bottom:37px;}
.sc_con2 .txt01{color:#fff; font-size:35px; padding-bottom:60px;}
.sc_con2 ul{margin-bottom:60px;}
.sc_con2 li{float:left; width:439px; height:387px; border-radius:25px; background:#fff; padding-top:205px; box-sizing:border-box; font-size:38px; position:relative;}
.sc_con2 li.list1{padding-top:235px;}
.sc_con2 li.list2{margin:0 40px;}
.sc_con2 li::before{content:""; display:block; position:absolute; width:128px; height:128px; top:55px; left:50%; margin-left:-64px;}
.sc_con2 li.list1::before{background:url(/img/con2_ico1.png);}
.sc_con2 li.list2::before{background:url(/img/con2_ico2.png);}
.sc_con2 li.list3::before{background:url(/img/con2_ico3.png);}
.sc_con2 .last{width:1046px; height:160px; margin:0 auto; background:#0e227a; border-radius:80px;}
.sc_con2 .last span{display:inline-block; padding-top:30px; padding-bottom:13px;}
.sc_con2 .last p{color:#fff; font-size:30px;}

/*인스타 실전경력 7년!*/
.sc_con3{background:url(/img/con3_bg.jpg) center center; background-size:cover;}
.sc_con3 .inner{padding-left:645px;}
.sc_con3 h2{padding:90px 0 40px 0;}
.sc_con3 p{padding:80px 0; font-size:32px; line-height:42px; color:#fff;}
.sc_con3 .t_bold {color:#D0F6FE; font-size:60px; font-weight:800; padding:10px 0 30px; display:inline-block;text-shadow: 3px 3px 0 #001433;}

/*무료상담 및 솔루션을 제시하겠습니다!*/
.sc_con4{background:url(/img/con4_bg.jpg) center center; background-size:cover;  padding:110px 0 85px 0; text-align:center;}
.sc_con4 .txt01{color:#fff; font-size:35px; padding:35px 0 45px 0;}
.sc_con4 .form_box{background:#fff; width:1300px; margin:0 auto; padding:50px 108px 35px 108px; margin-bottom:35px;}
.sc_con4 .form_box li{float:left;}
.sc_con4 .form_box li label{width:138px; height:56px; line-height:56px; background:#2b2b2b; color:#fff; font-size:25px; font-weight:500; display:block; float:left;}
.sc_con4 .form_box li input{width:376px; height:56px; border:1px solid #e1e1e1; padding-left:20px;}
.sc_con4 .form_box .form_title{margin:55px 0 40px 0; position:relative;}
.sc_con4 .form_box .form_title::before{position:absolute; left:0; top:13px; content:""; display:block; width:339px; height:1px; background:#cccccc;}
.sc_con4 .form_box .form_title::after{position:absolute; right:0; top:13px; content:""; display:block; width:339px; height:1px; background:#cccccc;}
.sc_con4 .form_box .check{margin-bottom:35px; display:inline-block;}
.sc_con4 .form_box .check p{float:left; font-size:20px; margin-right:24px;}
.sc_con4 .form_box .check p:last-child{margin-right:0;}
.sc_con4 .form_box .check p label{display:inline-block;}
.sc_con4 .form_box .check input[type="checkbox"]{width:30px; height:30px; margin-right:5px; border-radius:3px;}
/*
.sc_con4 .form_box .check input[type="checkbox"] {width:35px; height:35px; margin-right:3px; border:0 !important; padding:0; font-size:0; line-height:0; vertical-align:middle; cursor:pointer; -webkit-appearance:none; -webkit-appearance:none;background:url("/img/check_off.png") no-repeat 0 0; outline:none;}
.ctt_hardhearing .ss05 input[type="checkbox"] + label {cursor: pointer;}
.sc_con4 .form_box .check input[type="checkbox"]:checked {background:url("/img/check_on.png") no-repeat 0 0;}
.sc_con4 .form_box .check input[type="checkbox"]:disabled,
.sc_con4 .form_box .check input[type="checkbox"]:read-only {background:url("/img/check_on.png") no-repeat 0 0;}
.sc_con4 .form_box .check input[type="checkbox"]:checked:disabled,
.sc_con4 .form_box .check input[type="checkbox"]:checked:read-only {background:url("/img/check_on.png") no-repeat 0 0;}
*/

.sc_con4 .form_box .check_agree{font-size:20px; color:#333; position:relative; display:inline-block; padding-bottom:5px;}
.sc_con4 .form_box .check_agree::before{content:""; display:block; position:absolute; width:206px; height:1px; bottom:0; right:0; background:#cccccc;}
.sc_con4 .form_box .check_agree input{width:21px; height:21px; border:1px solid #cccccc; margin-right:10px; margin-top:3px; cursor:pointer;}
.sc_con4 .form_box .check_agree label{cursor:pointer;}

.popup-wrap {display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.popup-wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50% !important; left: 50% !important; width: 800px; height:auto;  background-color:#fff; border: 0 none; z-index: 10;}	
.pop-layer .pop-container {position: relative; padding: 0; text-align:left; padding:20px 30px; font-weight:300; font-family: 'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
.pop-layer .pop-container h2{font-size:20px; margin-bottom:15px; font-weight:700;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .close {position: absolute; right: 20px; top: 20px; border-top: 0 none;}

.sc_con4 button{width:209px; height:56px; border:none; border-radius:28px; font-size:25px; font-weight:700; color:#f85b6e; font-family: 'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif; outline:none;}

/*하단 전화번호*/
.sc_con5{background:#2b2b2b; color:#fff; padding:20px;}
.sc_con5 .inner{width:1185px; margin:0 auto;}
.sc_con5 .left{float:left; position:relative; padding-right:80px;}
.sc_con5 .left::before{content:""; display:block; width:1px; height:122px; background:#b0b0b0; position:absolute; top:0; right:0;}
.sc_con5 .right{float:right; padding-right:65px;}
.sc_con5 h2{font-size:35px; color:#fff; font-weight:400; padding-left:60px; letter-spacing:-1px; margin-bottom:10px;}
.sc_con5 .left h2{background:url(/img/con5_tel.png) no-repeat;}
.sc_con5 .right h2{background:url(/img/con5_kakao2.png) no-repeat;}
.sc_con5 .left span{font-size:50px; font-weight:900; color:#ff3f6c; display:inline-block;}
.sc_con5 .left span.tel{position:relative; padding-right:50px;}
/* .sc_con5 .left span.tel::before{position:absolute; content:""; display:block; width:16px; height:32px; right:15px; top:21px; background:url(/img/slash.png);} */

/*하단*/
#footer{text-align:center; padding:20px 0; font-size:17px; color:#555555;}
address{font-style:normal; font-weight:300;}
#footer .copy{font-size:15px; opacity:0.7; display:inline-block; padding-top:5px;}