html {font-size:62.5%; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
.wrap1260 {width:1260px; margin:0 auto;}
.sticky {position:fixed; }

/***공통***/
.sub {margin-bottom:10rem;}
.sub>h2 {font-size:2.8rem; color:#222222; font-weight:500; letter-spacing:-0.5px; border-bottom:1px solid #e2e2e2; padding-bottom:1.7rem; margin-top:3rem;}
.sub h3 {font-size:2.3rem; color:#333333; font-weight:700;  letter-spacing:-0.5px; margin-top:5rem; margin-bottom:1.5rem;}
.sub h3 span {margin-left:1rem;font-size:13px; color:#888888; font-weight:400;}
.sub h3:nth-of-type(1) {margin-top:2.5rem;}
.sub h3::before {content:""; display:inline-block; width:4px; height:2.0rem; background:#1598dc; margin-right:1rem; }
.sub_title {position:relative; width:1260px; border:10px solid #f6f8fb; text-align:center; border-bottom:0; padding:4rem 2rem 3rem 2rem; margin:3.5rem auto 0 auto;}
.sub_title::before {position:absolute; top:-10px; left:50%; content:""; display:inline-block; background:#176dc2; width:55px; height:10px; transform:translate(-50%, 0px);}
.sub_title h2 {font-size:3.6rem; color:#000000; font-weight:700; margin-bottom:2rem;}
.sub_title p {color:#444444; font-size:1.5rem; line-height:2.2rem;}
h3.common {font-size:2.4rem; color:#222222; font-weight:700; background:url("../images/sub/dot_style1.png") left center no-repeat; padding-left:3rem;}
.sub .assi_box {border:1px solid #ddd; padding:2rem; font-size:14px; line-height:2.5rem; color:#666666;}
.input_btn {background:#1598dc; color:#fff; border-radius:3px; padding:.7rem; margin-left:1rem; height:3.6rem; font-size:13px; border:1px solid #1387c4}
p.bojo_txt {line-height:2.3rem;}
.emailPopupWrap,
.ftp_pw_popup,
.db_pw_popup,
.my_name_server {display:none; }
.margin_control .nowlocation {margin-top:0;}

.left_menu {float:left; width:16rem; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-right:4%; /*padding-bottom:15rem;*/ border:1px solid #e1e1e1; background:#fff; height:100%; /*height:710px;*/}
.left_menu dl {color:#ffffff; background:#1259c4; text-align:center; padding:2rem 1rem;}
.left_menu dl dt {font-size:16px; font-weight:500; }
.left_menu dl dd::before {content:""; clear:both; display:block; width:11px; height:1px; margin:1rem auto .6rem auto; background:#fff; text-align:center;}
.left_menu dl dd {font-size:12px;}
.left_menu .list1 {max-height:600px; overflow-y:auto;}
.left_menu .list1::-webkit-scrollbar {max-width:3px}
.left_menu .list1::-webkit-scrollbar-thumb {background-color:#ddd;}
.left_menu .list1::-webkit-scrollbar-track {background-color:#f2f2f2}
.left_menu .list1 li {border-bottom:1px solid #d5d5d5; background:#fff;}
.left_menu .list1 li a {display:block; padding:2.2rem 1.5rem; font-size:15px; color:#555; line-height:18px; }
.left_menu .list1 li a:hover {color:#186cc4; font-weight:500; text-decoration:underline !important;}
.left_menu .list1 li.on a {color:#186cc4; font-weight:700;}
.left_menu .list1 li.on {background:#f5faff}
.left_menu .list1 li:last-child {margin-bottom:0;}
.left_menu .list2 {background:#fff; padding:1rem;}
.left_menu .list2 li {border:1px solid #e1e1e1;  text-align:center; margin-bottom:.5rem;}
.left_menu .list2 li:last-child {margin-bottom:0;}
.left_menu .list2 li a {display:block; background:#fff;  font-size:13px; color:#777777; padding:.7rem .5rem;}
.left_menu .list2 li a:hover {color:#333;}

/*공통약관*/
.clause {width:100%; padding:2rem; background:url("../images/sub/clause.png") left top repeat;border:1px solid #ddd;}
.clause .clause_wrap {background:#fff; border:1px solid #eee;}
.clause p.title {font-size:2rem; border-bottom:1px solid #ddd; padding:2rem; font-weight:500; color:#111;}
.clause input[type="checkbox"] {margin-right:1rem;}
.clause p.title input[type="checkbox"] {width:2.5rem; height:2.5rem;}
.clause ul li {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:2rem; font-size:1.6rem;  color:#666; border-bottom:1px solid #ddd;}
.clause ul li:last-child {border-bottom:0;}
.clause ul li label {width:calc(100% - 85px);}
.clause ul li input[type="checkbox"] {width:2rem; height:2rem;}
.clause ul li button {float:right; min-width:65px; font-size:13px; color:#333; border:1px solid #d5d5d5; padding:.5rem; margin-left:10px;}

/*공통약관
.clause {width:100%; padding:3rem 3rem .5rem 3rem; background:url("../images/sub/clause.png") left top repeat;}
.clause div {border:1px solid #d5d5d5; background:#fff; padding:2rem; height:15rem; overflow-y:scroll;}
.clause div p {font-size:1.5rem; color:#555555;}
.clause div p.title {font-size:2.4rem; color:#333333; margin-bottom:1.5rem;}
.clause>p {font-size:1.5rem; color:#555555; margin:1rem 0; text-align:center; font-weight:500;}
.clause>p input[type="checkbox"] {width:17px; height:17px; margin-right:1rem;}
*/


/*공통버튼*/
.common_btn {display:flex; align-items:center; justify-content:center; width:100%; overflow:hidden; margin:5rem auto;}
.common_btn li {float:left; margin-right:2rem;}
.common_btn li button {background:#fff; color:#555555; border:1px solid #d5d5d5; border-radius:3px; padding:2rem 5rem; font-size:2rem;}
.common_btn li button.blue {background:#176dc2; color:#fff; border:1px solid #176dc2;}
.common_btn li button.white_blue {background:#fff; border:1px solid #176dc2; color:#176dc2;}
.common_btn li:last-child {margin-right:0;}

/*공통팝업*/
.layerPopup {position:fixed; top:25%; left:50%; border:2px solid #165ca2; background:#fff; padding:2rem; width:500px; z-index:2; transform:translate(-50%, -30%); border-radius:10px;}
.layerPopup h2 {font-size:2rem; color:#1a6cc2; font-weight:700; padding-bottom:1rem; border-bottom:1px solid #1a6cc2; margin-bottom:1rem;}
.layerPopup div {font-size:1.4rem; color:#555; border:1px solid #eee; background:#f9f9f9; padding:1.5rem; line-height:2.0rem;}
.layerPopup ul.button {display:flex; justify-content:center; width:100%; overflow:hidden; margin-top:1rem;}
.layerPopup ul.button li {float:left; margin:.5rem; }
.layerPopup ul.button li button {background:#fff; color:#555555; border:1px solid #d5d5d5; border-radius:3px; padding:1.5rem 2.5rem; font-size:15px;}
.layerPopup ul.button li button.blue {background:#176dc2; color:#fff; border:1px solid #176dc2;}
.layerPopup table {width:100%; border:1px solid #ddd; color:#555; }
.layerPopup table th {font-size:14px; font-weight:500;border:1px solid #ddd; padding:1rem; text-align:left;}
.layerPopup table td {font-size:14px; border:1px solid #ddd; padding:1rem;}
.layerPopup table td input {width:100%;}

/*상단*/
header {height:13rem;  background:#fff; position:fixed; top:0; margin:0 auto; width:100%; z-index:998}
header.off {height:8rem;  box-shadow:0px 5px 5px rgba(0,0,0,0.1); }
header::after {content:""; display:block; clear:both;}
header .nav1 {display:flex; justify-content:space-between; align-items:center;  overflow:hidden;}
header .nav1 > h1 {float:left; text-indent:-99999px;}
header .nav1 > h1 img {float:left; width:160px;}
header .nav1 .menu {float:left; overflow:hidden;}
header .nav1 .menu>li {float:left; padding:0 3rem;}
header .nav1 .menu>li>a {display:block; font-size:2rem; color:#111; font-weight:700; overflow:hidden;height:8rem; line-height:8rem;}
header .nav1 .menu>li>a:hover {}
header .nav1 .depth1 {display:inline-block;}
header .nav1 .depth1.on>a{border-bottom:3px solid #165ca2;}
header .nav1 .depth1.on>a.off{border-bottom:none;}
header .nav1 .depth1.on .depth2 {display:block; }
header .nav1 .depth2 {display:none; position:absolute; width:100%; border-top:1px solid #ddd; left:0; border-bottom:1px solid #ddd; background:#fff;  box-shadow:0px 5px 5px rgba(0,0,0,0.1); }
header .nav1 .depth2 li {float:left; letter-spacing:-0.4px;}
header .nav1 .depth2>li {width:100%;}
header .nav1 .depth2 li a {display:block; font-size:1.6rem; color:#333; font-weight:700; padding:0 1.5rem;}
header .nav1 .depth2 li a:hover {color:#1a6cc2;}
header .nav1 .depth2 .depth2_wrap {position:relative; /*width:1260px; margin:0 auto;*/ display:flex; justify-content:center; background:#fff; align-items:center;}
header .nav1 .depth2 .depth2_wrap > li {height:5rem; line-height:5rem; }
header .nav1 .depth2 .depth2_wrap ul { position:absolute; left:0; top:10px; float:left; height:initial; line-height:initial;}
header .nav1 .depth2 .depth2_wrap ul li em { vertical-align:middle;}
header .nav1 .depth2 .depth2_wrap ul li a {background:#1a6cc2; color:#fff; display:inline-block; font-size:14px; border:1px solid #165ca2; padding:0; padding-left:1rem; font-weight:400;}
header .nav1 .depth2 .depth2_wrap ul li a i {display:inline-block; font-size:2rem; border-left:1px solid #165ca2; height:30px; line-height:30px; padding:0 5px; margin-left:1rem; vertical-align:middle;}
header .nav1 .depth1 .depth2.off {display:none;}
header .nav1 .utill {display:flex; align-items:center; float:right;}
header .nav1 .utill>li {float:left;}
header .nav1 .utill>li.login a {color:#146bf0;}
header .nav1 .utill>li>a {display:block; font-size:14px; color:#333;}
header .nav1 .utill>li>a:after {content:""; display:inline-block; clear:both; margin:0 10px; background:#dbdbdb; width:1px; height:9px;}
header .nav1 .utill>li:nth-child(n+4) a:after {display:none;}
header .nav1 .utill .all_menu_btn  {margin-left:15px; cursor:pointer;}
header .nav1 .utill .m_menu_btn {display:none; margin-left:25px; }
header .nav1 .utill .m_all_menu a {display:none; border-radius:3px; background:linear-gradient(0deg, rgba(26,108,194,1) 0%, rgba(20,106,241,1) 100%); color:#fff; padding:8px 7px; margin-right:18px; border:1px solid #1px solid #165ca2;}
header .nav1 .utill .m_all_menu a:after {display:none;}

header .all_menu {display:none; position:fixed; top:80px; width:100%; margin:0 auto; background:#fff; z-index:1000; border-top:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,0.05);}
header .all_menu dl {display:flex; width:1260px; margin:0 auto; padding:2rem 0rem; border-bottom:1px solid #eeeeee; overflow:hidden;}
header .all_menu dl dt {display:flex; align-items:center; justify-content:center; float:left; font-weight:500; color:#316388; font-size:1.6rem;  text-align:center; background:#eff6fc; border-radius:5px; width:13%; margin-right:4rem; padding:1rem;}
header .all_menu dl dd {float:left; color:#555555; font-size:14px; width:87%;}
header .all_menu dl dd ul {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
header .all_menu dl dd ul li {float:left; width:16.6%; margin:5px 0;}
header .all_menu dl dd ul li a {color:#555;}
header .all_menu dl dd ul li a:hover {color:#129fe7; text-decoration:underline; font-weight:500;}

/*모바일메뉴*/
header .m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
header .m_menu {position:absolute; right:0; top:0; width:85%; height:100%; background:#fff;}
header .m_menu .m_top {background:#0e8ee8;}
header .m_menu .m_top>div {display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 2rem; height:60px; overflow:hidden;}
header .m_menu .m_top>div p {display:flex; flex-wrap:wrap; align-items:center; float:left; color:#fff; font-size:1.5rem;}
header .m_menu .m_top>div button {display:flex; justify-content:center; align-items:center; float:right; width:35px; height:35px; color:#fff; font-size:1.8rem; border:1px solid #fff; border-radius:50px;}
header .m_menu .m_top>div p span {border:1px solid #fff; border-radius:50px; margin:5px; font-size:13px;}
header .m_menu .m_top>div p span a {display:inline-block; color:#fff; padding:.5rem 1rem;}
header .m_menu .m_top>ul {overflow:hidden; border-top:1px solid rgba(255,255,255,0.4);}
header .m_menu .m_top>ul li {float:left; width:33%; text-align:center; line-height:40px;}
header .m_menu .m_top>ul li a {display:block;font-size:1.5rem; color:#fff;}
header .m_menu .m_top>ul li:nth-child(2) {border-right:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4);}
header .m_menu .m_top>ul li a i {vertical-align:middle; margin-right:5px;}
header .m_menu .m_nav_1d {position:relative; height:100%;}
header .m_menu .m_nav_1d>li {height:45px; line-height:45px; letter-spacing:-0.5px; text-align:center; }
header .m_menu .m_nav_1d>li:last-child {border-bottom:0;}
header .m_menu .m_nav_1d>li>a {display:block; font-size:14px; font-weight:500;width:100px;border-bottom:1px solid #ddd; color:#333; }
header .m_menu .m_nav_1d>li>a.on { color:#0e8ee8;}
header .m_menu .m_nav_1d .m_nav_2d {width:calc(100% - 100px); position:absolute; top:0; left:0; margin-left:100px; text-align:left; padding:10px 0; border-left:1px solid #ddd; height:calc(100% - 230px); overflow-y:scroll; min-height:320px}
header .m_menu .m_nav_2d>li {line-height:45px;}
header .m_menu .m_nav_2d>li>a {display:block; margin:0 20px; color:#333; background:url("../images/main/m_menu_arrow.png"); 
background-position:right center; background-repeat:no-repeat; font-size:15px; font-weight:500;}
header .m_menu .m_nav_2d>li>a.arrow_no {background:none;}
header .m_menu .m_bottom {position:absolute; bottom:0; width:100%; border-top:1px solid #ddd; background:#f5f5f5;}
header .m_menu .m_bottom ul {overflow:hidden;}
header .m_menu .m_bottom ul li {float:left; width:33.3%; text-align:center; border-right:1px solid #ddd;}
header .m_menu .m_bottom ul li:nth-child(-n+3) {border-bottom:1px solid #ddd;}
header .m_menu .m_bottom ul li:last-child {border-right:0}
header .m_menu .m_bottom ul li a {display:block; padding:1rem 0;}
header .m_menu .m_bottom ul li p {font-size:1.8rem; margin-bottom:5px; color:#444}
header .m_menu .m_bottom ul li em {font-size:13px; color:#444;}
header .m_menu .m_bottom ul li.homepage_info {width:100%; text-align:left; border-top:1px solid #ddd; background:#4e5462; }
header .m_menu .m_bottom ul li.homepage_info p {padding:10px; font-size:13px; color:#ddd; letter-spacing:-0.5px; line-height:16px;}

/*메인bg영역*/
.main_top {margin-top:130px; background:url("../images/main/main_bg.png") center center no-repeat; width:100%;padding:3.5rem 2rem 3.5rem 2rem; background-size:cover; background-position:center center;}
.main_top>dl {color:#fff; text-align:center; }
.main_top>dl dt {font-size:4rem; font-weight:400;text-shadow: 0px 0px 10px #000;}
.main_top>dl dt b {font-weight:700;}
.main_top>dl dd {margin:1.5rem 0 3.5rem 0; font-size:1.8rem; text-shadow: 0px 0px 10px #000; font-weight:400;}
.main_top .maincon_wrap {display:flex; justify-content:space-between; /*width:1260px; margin:0 auto;*/ overflow:hidden;}
.main_top .visual {float:left;position:relative; width:845px; margin-right:20px;}
.main_top .visual ul {width:845px; height:375px; background:#fff;}
.main_top .visual ul li a img {width:100%;}
.main_top .visual button {position:absolute; top:45%; z-index:888; cursor:pointer;}
.main_top .visual button.prev {left:5px;}
.main_top .visual button.next {right:5px;}
.main_top .log {float:right; width:300px; min-width:290px;}
.main_top .log>p {width:100%; background:#146af1; color:#fff; font-weight:700; margin-bottom:2.5rem;}
.main_top .log>p a {display:block;width:100%; font-weight:700; color:#fff; text-align:center; font-size:2rem; line-height:6.4rem;}
/*로그인하기전*/
.main_top .log .login_box {width:100%; background:#fff; padding:1.8rem 2.2rem; overflow:hidden;}
.main_top .log>div {height:286px;}
.main_top .log .login_box p {display:flex; align-items:center; justify-content:right; width:100%; text-align:right; color:#9f9f9f; font-size:1.5rem; letter-spacing:-0.5px; margin-bottom:10px;}
.main_top .log .login_box p button {display:inline-block; background:#1dc800 url("../images/main/naver.png") center center no-repeat; border:1px solid #1dac02; width:31px; height:27px; border-radius:3px; margin-left:10px; cursor:pointer; background-size:15px; margin-top:0;}
.main_top .log .login_box input {width:100%; border:1px solid #ccccce; padding:0 0 0 4.5rem; height:44px; margin-bottom:5px; font-size:15px;}
.main_top .log .login_box input:nth-of-type(2) {margin-bottom:0;}
.main_top .log .login_box input::placeholder {font-size:1.4rem; color:#999;}
.main_top .log .login_box input[type="text"] {background:url("../images/main/people_icon.png") 15px center no-repeat; }
.main_top .log .login_box input[type="password"] {background:url("../images/main/password_icon.png") 15px center no-repeat; }
.main_top .log .login_box button{width:100%; line-height:5rem; text-align:center; background:#545454; color:#fff; font-weight:700; font-size:1.7rem; margin-top:1.5rem;}
.main_top .log .login_box ul {display:flex;  justify-content:center; align-items:center; margin-top:2rem; overflow:hidden; }
.main_top .log .login_box ul li {float:left;}
.main_top .log .login_box ul li a {display:block; font-size:13px; color:#333; }
.main_top .log .login_box ul li a::after {content:""; display:inline-block; clear:both; width:1px; height:12px;  vertical-align:middle; background:#343434; margin:0 1.5rem;}
.main_top .log .login_box ul li:last-child a::after {display:none;}
/*로그인 후*/
.main_top .log .login_box2 {width:100%; background:#fff; padding:1.8rem 2.2rem; overflow:hidden;}
.main_top .log .login_box2 p {display:flex; align-items:center; justify-content:space-between; width:100%; font-size:16px; color:#444444; letter-spacing:-0.5px; font-weight:500; margin-bottom:13px;}
.main_top .log .login_box2 p button {float:right; color:#999999; border:1px solid #e5e5e5; padding:3px 5px;  letter-spacing:-0.5px; color:#999; font-weight:normal; font-size:12px;}
.main_top .log .login_box2 p button:hover {color:#555;}
.main_top .log .login_box2 .my_purchase {display:flex;}
.main_top .log .login_box2 .my_purchase a {display:block; width:50%; }
.main_top .log .login_box2 .my_purchase a:hover dt {font-weight:500;}
.main_top .log .login_box2 .my_purchase a:hover dd {text-decoration:underline;}
.main_top .log .login_box2 .my_purchase a:first-child {float:left; margin-right:6px;}
.main_top .log .login_box2 .my_purchase a:last-child {float:right}
.main_top .log .login_box2 dl {border:1px solid #e2e2e2; border-radius:3px; background:#f4f9ff; text-align:center; padding:2rem 1rem;}
.main_top .log .login_box2 dl dt {font-size:14px; color:#555; margin-bottom:10px;}
.main_top .log .login_box2 dl dd {font-weight:700; color:#109ce7; font-size:1.8rem;}
.main_top .log .my_quick {display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; background:#fff; text-align:center; }
.main_top .log .my_quick li {float:left; width:33.3%; border:1px solid #e2e2e2;}
.main_top .log .my_quick li:nth-child(2) {border-left:0; border-right:0;}
.main_top .log .my_quick li:nth-child(5) {border-left:0; border-right:0;}
.main_top .log .my_quick li:nth-child(3n) {border-right:0;}
.main_top .log .my_quick li:nth-child(-n+3) {border-bottom:0;}
.main_top .log .my_quick li a {display:block; font-size:13px; color:#666666; line-height:4.5rem;}
.main_top .log .my_quick li a:hover {text-decoration:underline;}

/*메인콘텐츠영역*/
.main_con {display:flex; flex-wrap:wrap; align-items:center; gap:0 5%; margin-top:2.5rem; margin-bottom:4rem; overflow:hidden;}
.main_con .main_box01 {display:flex; flex-wrap:wrap; width:845px;}
.main_con .main_info {display:flex; justify-content:space-between; align-items:end; gap:0 10px; width:100%; height:70px; border-bottom:1px solid #ddd; padding-bottom:2rem; margin-bottom:2rem; overflow:hidden; }
.main_con .main_info p {float:left; color:#129fe7; font-weight:700; font-size:4rem; letter-spacing:-1.3px;}
.main_con .main_info p img {position:relative; top:3px; width:44px; margin-right:10px;}
.main_con .main_info div {display:flex; flex-wrap:wrap; gap:10px 10px; align-items:end;}
.main_con .main_info div em {font-size:14px; color:#666; font-weight:400; line-height:18px;}
.main_con .main_info ul {display:flex; gap:0 3px; flex-shrink:0; overflow:hidden;}
.main_con .main_info ul li {float:left; border:1px solid #ddd; border-radius:3px; text-align:center;}
.main_con .main_info ul li a {display:flex; align-items:center; gap:0 5px; padding:7px; font-size:13px;}
.main_con .main_info ul li.naver_talk {border-color:#44b064; background:#00c63b;}
.main_con .main_info ul li.naver_talk img {width:15px;}
.main_con .main_info ul li.naver_talk a {color:#fff;  text-shadow:0px 0px 3px #333; letter-spacing:-1px;}
.main_con .main_info ul li.kakao_talk {border-color:#ffd8b1; background:#fff313;}
.main_con .main_info ul li.kakao_talk img {width:15px;}
.main_con .main_info ul li.kakao_talk a {color:#240c1c; }
.main_con .main_info ul li.nate_talk {border-color:#dfdfdf; background:#f9f9f9}
.main_con .main_info ul li.nate_talk img {width:15px;}
.main_con .main_info ul li.nate_talk a {color:#4563a1; letter-spacing:-0.7px;}
.main_con .main_quick {float:left; width:100%; overflow:hidden;}
.main_con .main_quick li {float:left; width:16.6%;}
.main_con .main_quick li p {display:flex; justify-content:center; align-items:center; position:relative; margin-bottom:7px; height:53px; text-align:center;}
.main_con .main_quick li p img {vertical-align:bottom; }
.main_con .main_quick li span {display:inline-block; width:100%; font-size:14px; font-weight:500; color:#333333; text-align:center;}
.main_con .main_quick li a {display:block;}
.main_con .main_quick li a:hover span {text-decoration:underline;}
.main_con .main_quick li a:hover img {margin-bottom:10px; transition:all .5s ease}
.main_con .main_quick li a:hover p::after {position:absolute; bottom:0; border-radius:50%; content:""; width:40px; height:5px; background:#ebebeb;}
.main_con .main_notice {float:left; width:calc(100% - 5% - 845px); }
.main_con .main_notice h2 {display:flex; align-items:center; justify-content:space-between; width:100%; line-height:70px; margin-bottom:1.5rem; border-bottom:1px solid #ddd; }
.main_con .main_notice h2 em {display:flex; align-items:center;}
.main_con .main_notice h2 em a {font-weight:600; color:#333; font-size:15px; }
.main_con .main_notice h2 span {float:right; display:inline-block; border:1px solid #dddddd; border-radius:10px; line-height:normal;}
.main_con .main_notice h2 span a {display:block; color:#666; font-size:12px; padding:1px 1rem; font-weight:400;}
.main_con .main_notice h2 span:hover {background:#f4f4f4; }
.main_con .main_notice h2 img {margin-right:5px;}
.main_con .main_notice ul li {margin:1rem 0; width:100%;}
.main_con .main_notice ul li:last-child {margin-bottom:0;}
.main_con .main_notice ul li a {display:inline-block; font-size:14px; color:#666; width:calc(100% - 100px); padding-bottom:1px;}
.main_con .main_notice ul li a:hover {text-decoration:underline;}
.main_con .main_notice ul li span {float:right; font-size:14px; color:#666;}


/*솔루션solution*/
.main_solution {position:relative; width:100%; /*background:#f7f8fc;*/ background:#f4f5fc; padding:4rem 0;  /*height:600px;*/ }
.main_solution::before {position:absolute; bottom:0; content:""; clear:both;  background:#fff; width:100%; height:50%;}
.main_solution .over_bg {width:1340px; margin:0 auto; background:#fff; padding:3.5rem 4rem 3.5rem 4rem;overflow:hidden; box-shadow:0px 0px 20px rgba(219,222,241,.5)}
.main_solution .over_bg::before {}
.main_solution .over_bg>button {position:relative; color:#989898; font-size:1.8rem; width:100%; padding:1.5rem; letter-spacing:-0.8px; font-weight:500; background-image:linear-gradient(to top, rgba(255,255,255,0), rgba(0,0,0,.04)); box-shadow:0 10px 20px rgba(0,0,0,0.05); margin-top:3rem; }
.main_solution .over_bg>button:hover {color:#777;}
.main_solution .choice {display:flex; justify-content:space-between; align-items:center; position:relative; margin-bottom:3.5rem; overflow:hidden;}
.main_solution .choice h2 {float:left; position:relative; top:5px;}
.main_solution .choice h2 a { font-size:2.9rem; color:#000; font-weight:700; letter-spacing:-2px; background: linear-gradient(to left, #146af1, #0c3f8f); color: transparent; -webkit-background-clip: text;}
.main_solution .choice ul {float:left; overflow:hidden; margin-left:3rem; position:relative; top:10px;}
.main_solution .choice ul li {float:left; margin-right:7px;}
.main_solution .choice ul li a {display:block; color:#555; font-size:1.6rem; padding:1.5rem 2.5rem; background:#eee; border-radius:5px 5px 0 0; font-weight:500; border:1px solid #e5e5e5; border-bottom:0}
.main_solution .choice ul li.on a {background:#146af1; color:#fff; border-color:#146af1;}
.main_solution .choice ul li a:hover {background:#146af1; color:#fff; border-color:#146af1;}
.main_solution .choice ul li:last-child {margin-right:0}
/*
.main_solution .choice ul {float:left; overflow:hidden; margin-left:3rem;}
.main_solution .choice ul li {float:left; margin-right:10px;}
.main_solution .choice ul li a {display:block; color:#666666; font-size:1.5rem; padding:1rem 2.5rem; background:#f1f1f1; border-radius:40px;}
.main_solution .choice ul li.on a {background:#146af1; color:#fff; }
.main_solution .choice ul li a:hover {background:#146af1; color:#fff;}
*/
.main_solution .choice span {position:absolute; right:0; top:15px;}
.main_solution .choice span a {float:right; color:#979797; font-size:1.8rem;}
.main_solution .choice>div {display:flex; align-items:center; border-bottom:1px solid #ddd; padding-bottom:10px;}

.main_solution .solution_list {display:flex; flex-wrap:wrap;/*overflow:hidden;*/ gap:3rem 3.2%;}
.main_solution .solution_list>li {position:relative; float:left; width:31.2%; border:1.3px solid #d5d5d5; background:#fff; }
.main_solution .solution_list>li:hover {box-shadow:10px 10px 10px rgba(0,0,0,0.05); transition:all 0.5s ease;}
.main_solution .substance {position:absolute; bottom:0; /*width:calc(100% - 10px);*/ width:100%; background:linear-gradient(to top, rgba(255,255,255,1) 79% , transparent); }
/*.main_solution .solution_list p {padding:0 5px 0% 5px; }*/
.main_solution .solution_list p img {width:100%;}
.main_solution .substance:before {content:""; display:block; clear:both; width:100%; height:4rem; background:linear-gradient(to top, rgba(255,255,255,1), transparent);}
.main_solution .substance h3 {padding:0 2rem; font-size:2.3rem; font-weight:700; color:#111; margin:1.3rem 0;  }
.main_solution .substance .sticker {overflow:hidden; padding-left:2rem; }
.main_solution .substance .sticker li {float:left; margin-right:3px;}
.main_solution .substance .sticker li:last-child {margin-right:0;}
.main_solution .substance .price {display:flex; align-items:end; overflow:hidden; border-top:1px solid #eee; padding-top:1.3rem; padding:1.3rem 0px 2.5rem 0px; margin:0 2rem; }
.main_solution .substance .price li {float:left; color:#333;}
.main_solution .substance .price li em {font-family:'LATOB';}
.main_solution .substance .price li:nth-child(1) {color:#f12e00; font-size:2.4rem; font-family:'LATOB'; margin-right:10px;}
.main_solution .substance .price li:nth-child(2) {font-size:1.8rem; margin-right:10px; letter-spacing:-0.7px;}
.main_solution .substance .price li:nth-child(2) em {color:#111; font-size:2.4rem;}
.main_solution .substance .price li:nth-child(3) {font-size:13px; color:#999999; text-decoration:line-through;}
.main_solution .substance .price li:nth-child(3) em {font-size:1.5rem; font-family:'LATO';}
.main_solution .solution_list .new_icon {position:absolute; right:-15px; top:-15px; text-align:right; z-index:1}



.main_solution .list_hover {display:none;  flex-direction:column; justify-content:space-between; position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.97); z-index:1;}
.main_solution .solution_list>li:hover .list_hover {display:flex;}
.main_solution .list_hover>a {display:flex; align-items:center; padding:2rem;  height:100%;}
.main_solution .list_hover>a:hover {}
.main_solution .list_hover .title {width:100%; text-align:center;}
.main_solution .list_hover .title p {display:inline-block; color:#166af0; font-size:1.5rem; letter-spacing:-0.5px; border:1px solid #166af0; padding:1rem 2.5rem; border-radius:50px;}
.main_solution .list_hover .title h3 {font-size:2.8rem; font-weight:500; letter-spacing:-0.5px;  margin:2.5rem 0 2.5rem 0; color:#333;}
.main_solution .list_hover .title ul {overflow:hidden;}
.main_solution .list_hover .title ul li {display:flex; align-items:center; justify-content:center; float:left; width:100%; font-size:2.0rem; color:#0a2d65; }
.main_solution .list_hover .title ul li em {font-family:'LATOBB'; color:#0a2d65; font-size:2.2rem; margin-right:5px;}
.main_solution .list_hover .title ul li span {color:#fff; background:#fa476e; border-radius:50px; font-size:13px; font-family:'LATOB';  padding:3px 7px; margin-right:5px;}
.main_solution .list_hover .list_quick { height:100%; overflow:hidden; padding:2rem;}
.main_solution .list_hover .list_quick button {width:100%; border-radius:5px; line-height:5rem; color:#fff; font-size:1.7rem; font-weight:500; background:linear-gradient(to right, #fb456b, #405efa); margin-bottom:10px;}
.main_solution .list_hover .list_quick button:hover {text-shadow:0px 0px 5px rgba(0,0,0,0.4)}
.main_solution .list_hover .list_quick ul {display:flex; justify-content:space-between;}
.main_solution .list_hover .list_quick ul li {float:left; text-align:center; width:100%; border-radius:5px; border:1px solid #e5e5e5; box-shadow:3px 3px 5px rgba(0,0,0,0.05); background:#fff}
.main_solution .list_hover .list_quick ul li:first-child {margin-right:5px;}
.main_solution .list_hover .list_quick ul li:last-child {margin-left:5px;}
.main_solution .list_hover .list_quick ul li:first-child:hover {border-color:#fa466b;}
.main_solution .list_hover .list_quick ul li:first-child:hover dd {color:#fa466b;}
.main_solution .list_hover .list_quick ul li:nth-child(2):hover {border-color:#9c52b3;}
.main_solution .list_hover .list_quick ul li:nth-child(2):hover dd {color:#9c52b3;}
.main_solution .list_hover .list_quick ul li:last-child:hover {border-color:#405efa;}
.main_solution .list_hover .list_quick ul li:last-child:hover dd {color:#405efa;}
.main_solution .list_hover .list_quick ul li a {display:block; padding:1.5rem;}
.main_solution .list_hover .list_quick dl dt {}
.main_solution .list_hover .list_quick dl dd {font-size:1.5rem; color:#555555; margin-top:10px; line-height:2.1rem;}
.main_solution .list_hover .list_quick dl dd b {font-weight:700;}


/*메인-포트폴리오*/
.main_portfolio::after {content:""; display:block; width:100%; clear:both; background:url("../images/main/pp_bg.png") center center no-repeat; height:87px;}
.main_portfolio h2 {font-size:4.6rem; color:#000000; letter-spacing:-0.5px; font-weight:500; text-align:center; letter-spacing:-1px;}
.main_portfolio .pp_quick {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin:2rem auto 3rem auto; overflow:hidden; text-align:center; padding:0 2rem;}
.main_portfolio .pp_quick li {float:left; margin:5px; border-radius:50px;  background:#eee; text-align:center; border:1px solid #e5e5e5}
.main_portfolio .pp_quick li:first-child {margin-left:0;}
.main_portfolio .pp_quick li:last-child {margin-right:0; border:3px solid #e7e7e7; background:#fff; height:4.2rem; line-height:3.6rem; /*height:34px; line-height:28px;*/ }
.main_portfolio .pp_quick li:last-child a {color:#cecece; font-weight:500; padding:0 1.5rem;}
.main_portfolio .pp_quick li a {display:block;  padding:1rem 2.5rem; font-size:1.5rem;  color:#555;}
.main_portfolio .pp_quick li.on {background:#146af1;}
.main_portfolio .pp_quick li.on a {color:#fff;}
.main_portfolio .pp_quick li:hover {background:#146af1;}
.main_portfolio .pp_quick li:hover a {color:#fff;}
.main_portfolio .pp_quick li:last-child:hover {background:#fff; border-color:#ddd }
.main_portfolio .pp_quick li:last-child:hover a {color:#777;}
.main_portfolio .pp_list {display:flex; flex-wrap:wrap; overflow:hidden; background:#f3f3f3;}
.main_portfolio .pp_list li {float:left; width:16.6%; background:#f3f3f3; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.main_portfolio .pp_list li:hover {background:#186cc2; transition:all 0.2s ease;}
.main_portfolio .pp_list li:hover dl dt {color:#fff;}
.main_portfolio .pp_list li:hover dl dd {color:#fff;}
.main_portfolio .pp_list li:nth-child(-n+6) {border-top:0;}
/*.main_portfolio .pp_list li:nth-child(n+13) {display:none;}*/
.main_portfolio .pp_list li a {display:block; padding:3rem 10% 2rem 10%;}
.main_portfolio .pp_list li div {width:auto; /*height:217px;*/ overflow:hidden; }
.main_portfolio .pp_list li p {position:relative; padding-bottom:80%;width:87%; text-align:center; margin:0 auto;}
.main_portfolio .pp_list li:hover p {width:100%; transition:all 0.3s ease;}
.main_portfolio .pp_list li p img {position:absolute; left:0; top:0; width:100%; text-align:center;}
.main_portfolio .pp_list li dl {text-align:center; margin-top:1.5rem;}
.main_portfolio .pp_list li dl dt {font-size:1.8rem; color:#222222;}
.main_portfolio .pp_list li dl dd {font-size:1.6rem; color:#888888; margin-top:1rem;}

/*메인-구매혜택 구매절차*/
.main_buy {margin-top:4em;}
.main_buy h2 {font-size:4.6rem; color:#000000; letter-spacing:-0.5px; font-weight:500; text-align:center; letter-spacing:-1px;}
.main_buy h2 b {color:#0091b0; font-weight:700;}
.main_buy h2 br {display:none;}
.main_buy .buy_con {display:flex; justify-content:space-between; overflow:hidden; padding-top:7.5rem;}
.main_buy .buy_con div {float:left; position:relative; width:20%; border-right:10px solid #005baa; border-bottom:10px solid #005baa; /*overflow:hidden;*/ margin-right:2%;}
.main_buy .buy_con div::before {position:absolute; top:0; right:0; content:""; width:40px; height:10px; background-color:#005baa;}
.main_buy .buy_con div::after {position:absolute; bottom:0; left:0; content:""; width:10px; height:15px; background-color:#005baa;}
.main_buy .buy_con div p:nth-of-type(1) {position:absolute; top:0; left:0; font-size:2.2rem; font-weight:500; color:#223150; line-height:0.5;}
.main_buy .buy_con div h2 {font-size:6rem; font-weight:700; color:#223150; padding:3rem 0 1.0rem 0; text-align:left;}
.main_buy .buy_con div h2 span {color:#005baa;}
.main_buy .buy_con div p:nth-of-type(2) {font-size:1.5rem; color:#205196; margin-top:1.5rem}
.main_buy .buy_con div p:nth-of-type(2)::before {content:""; display:block; clear:both; width:25px; height:5px; background:#63718b; margin-bottom:10px;}
.main_buy .buy_con div button {background:#213153; color:#fff; margin:10px 0 25px 0;; padding:5px 5px 7px 10px;}
.main_buy .buy_con div button i {vertical-align:bottom; font-size:1.8rem;}
.main_buy .buy_con ul {float:left; overflow:hidden; width:78%; }
.main_buy .buy_con ul li {float:left; width:25%; padding:0 3rem; border-right:1px solid #b9c0ca;}
.main_buy .buy_con ul li p {}
.main_buy .buy_con ul li h3 {font-size:2.5rem; letter-spacing:-1px; margin-top:1rem; line-height:5rem;  font-weight:700;}
.main_buy .buy_con ul li h3 b {font-size:5rem; }
.main_buy .buy_con ul li:nth-child(1) h3 {color:#204f95;}
.main_buy .buy_con ul li:nth-child(2) h3 {color:#333333;}
.main_buy .buy_con ul li:nth-child(3) h3 {color:#0277bc;}
.main_buy .buy_con ul li:nth-child(4) h3 {color:#65718b;}
.main_buy .buy_con ul li span {display:block; color:#686868; font-size:1.5rem; letter-spacing:-1px; margin-top:1rem; line-height:1.9rem;}
.main_buy .order {position:relative; margin:7rem 0;}
.main_buy .order::before {position:absolute; top:46%;content:""; display:block; clear:both; width:100%; height:22px; background:#eaebf0; border-radius:50px;}
.main_buy .order ul {display:flex; justify-content:space-between; overflow:hidden;}
.main_buy .order ul li {position:relative; float:left; width:16.66%; text-align:center;}
.main_buy .order ul li dl {width:180px; height:180px; border:5px solid #eaebf0; border-radius:100px; color:#fff; text-align:center; padding:0 3rem; line-height:2.8rem; margin:0 auto;}
.main_buy .order ul li dl dt {font-size:2.4rem; font-weight:700; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,0.5); margin-top:30px; line-height:2.5rem; letter-spacing:-1px;}
.main_buy .order ul li dl dd {font-size:2.4rem; font-weight:500; letter-spacing:-1px; line-height:2.5rem;}
.main_buy .order ul li:nth-child(1) dl {background:#51c9c8; margin-left:0}
.main_buy .order ul li:nth-child(2) dl {background:#49b7c8;}
.main_buy .order ul li:nth-child(3) dl {background:#20aec4;}
.main_buy .order ul li:nth-child(4) dl {background:#0091b0;}
.main_buy .order ul li:nth-child(5) dl {background:#0480a6;}
.main_buy .order ul li:nth-child(6) dl {background:#1b6e96; margin-right:0;}



/*호스팅*/
.main_hosting {background:#222222; padding:6rem 0;}
.main_hosting .flex {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4rem;  overflow:hidden;}
.main_hosting h2 {display:flex; align-items:center; justify-content:center; position:relative; color:#fff; font-size:4.5rem; text-align:center; font-weight:500;}
.main_hosting h2 a {position:absolute; right:0; border:2px solid #777777; color:#cecece; padding:4px 7px 4px 10px; font-size:1.5rem; border-radius:50px;}
.main_hosting h2 a i {vertical-align:baseline; font-size:1.5rem; margin-left:3px;}
.main_hosting h2 a:hover {background:#777777; color:#fff; transition:all 0.2s ease;}
.main_hosting .hosting_benefit {display:flex; flex-wrap:wrap; width:100%; float:left; overflow:hidden; margin-bottom:3rem;}
.main_hosting .hosting_benefit dl {display:flex; float:left; width:25%; border-right:1px solid #222; border-top:1px solid #222; padding:3rem 1rem 1.8rem 1rem; background:#333333; text-align:center; justify-content:center;}
.main_hosting .hosting_benefit dl dt {margin-right:15px;}
.main_hosting .hosting_benefit dl dd {color:#fff; font-size:16px; letter-spacing:-1px; line-height:18px;}
.main_hosting .hosting_list {display:flex; align-items:center; justify-content:space-between; width:100%;  float:left; overflow:hidden; }
.main_hosting .hosting_list>li {position:relative; float:left; background:#000000; width:23.5%; margin-right:2%;}
.main_hosting .hosting_list>li a {display:block;}
.main_hosting .hosting_list>li:hover a::after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:4px solid #186cc4; box-sizing:border-box;}
.main_hosting .hosting_list>li:last-child {margin-right:0}
.main_hosting .hosting_list>li p {padding-bottom:50%; }
.main_hosting .hosting_list>li:nth-child(1) p {background:url("../images/main/hosting_img1.png") center center no-repeat;background-size:cover;}
.main_hosting .hosting_list>li:nth-child(2) p {background:url("../images/main/hosting_img2.png") center center no-repeat;background-size:cover;}
.main_hosting .hosting_list>li:nth-child(3) p {background:url("../images/main/hosting_img3.png") center center no-repeat;background-size:cover;}
.main_hosting .hosting_list>li:nth-child(4) p {background:url("../images/main/hosting_img4.png") center center no-repeat;background-size:cover;}
.main_hosting .hosting_list h3 {font-size:2.4rem; font-weight:500; color:#fff; text-align:center; margin-top:1.5rem; line-height:3rem;}
.main_hosting .hosting_list h3 span {display:inline-block; margin-top:0.8rem; padding:0px 10px; border:1px solid #808080; border-radius:50px; font-size:14px; font-weight:400;}
.main_hosting .explain {display:flex; flex-wrap:wrap; overflow:hidden; padding:1.5rem;}
.main_hosting .explain li {float:left; width:33.3%; color:#fff; margin:3px 0; font-size:13px; font-weight:normal;}
.main_hosting .explain li em {color:#b0b0b0; margin-right:5px;}
.main_hosting .explain li:nth-child(1) {order:1}
.main_hosting .explain li:nth-child(3) {order:2}
.main_hosting .explain li:nth-child(3) {order:3}
.main_hosting .explain li:nth-child(4) {order:4}
.main_hosting .explain li:nth-child(5) {order:5}
.main_hosting .explain li:nth-child(6) {order:6}

/*메인_네임서버정보*/
.main_nameserver {background:#fbfaf8; padding:3rem 0;}
.main_nameserver .wrap1260 {display:flex; align-items:center; overflow:hidden;}
.main_nameserver h2 {float:left; font-size:2.8rem; color:#121212; margin-right:7rem;}
.main_nameserver dl {display:flex; align-items:center; float:left; overflow:hidden;}
.main_nameserver dl:last-child {margin-left:9rem;}
.main_nameserver dl dt {float:left; display:inline-block; background:#222222; font-size:1.5rem; color:#ffffff; padding:5px 10px; margin-right:2rem; min-width:40px;}
.main_nameserver dl dd {float:left; color:#222; font-size:14px; }
.main_nameserver dl dd br {display:none;}
.main_nameserver dl dd span {background:#e7e6e4; border-radius:50px; padding:5px 10px;  color:#555; margin-right:1rem;}
.main_nameserver dl dd:nth-of-type(1) {margin-right:2.5rem;}
.main_nameserver dl dd:last-child {margin-right:0;}

/*메인_하단바텀*/
footer {background:#4e5462; padding:3.5rem 0; }
footer>.wrap1260 {overflow:hidden;}
footer .b_con {float:left; text-align:center;}
footer .b_con:nth-child(1) {width:28%;}
footer .b_con:nth-child(2) {width:36%; margin:0 3%;}
footer .b_con h2 {display:flex; align-items:center; position:relative; justify-content:center;}
footer .b_con h2 span {font-size:1.8rem; background:#4e5462; color:#fff; z-index:1; text-align:center; padding:0 3rem;}
footer .b_con h2::after {position:absolute; content:""; width:100%; height:1px; background:#6c7487;}
footer .b_con p {font-size:4rem; color:#ffdddb !important; margin:1.5rem 0;}
footer .b_con ul li {font-size:1.8rem; color:#fbf9fa; font-weight:400; line-height:2.5rem;}
footer .b_con ul li span {color:#ffdcd8;}
footer .b_con ul li button {font-size:13px; border:1px solid #2f333c; background:#3f434e; border-radius:3px; color:#faf9f7; margin-top:10px; padding:3px 6px;}
footer .b_con ul li button:hover {background:#333}
footer .b_quick {display:flex; flex-wrap:wrap; float:left; width:30%; text-align:center; padding-top:1px; overflow:hidden;  }
footer .b_quick li {float:left; width:33.3%; border:1px solid #6d7588; margin-top:-1px; margin-right:-1px; min-height:71px;}
footer .b_quick li a {display:flex; flex-direction:column; justify-content:space-between; padding:1.2rem 1rem; height:100%;}
footer .b_quick li:hover {background:#3c434d; transition:all 0.2s ease;}
footer .b_quick li:hover p {text-decoration:underline;}
footer .b_quick li p:nth-child(1) {width:100%; text-align:center; display:flex; align-items:center; justify-content:center; }
footer .b_quick li p:nth-child(1) img {}
footer .b_quick li p:nth-child(2) {color:#e0e7f1; font-size:14px; margin-top:.7rem}
footer .bottom {border-top:1px solid #6c7487; margin-top:3rem; padding-top:2.5rem;}
footer .bottom .b_list {overflow:hidden;}
footer .bottom ul {overflow:hidden;}
footer .bottom ul li {float:left;}
footer .bottom ul li a {font-size:1.5rem; color:#fff;}
footer .bottom ul li a:hover {text-decoration:underline;}
footer .bottom ul:nth-child(1) {float:left;}
footer .bottom ul:nth-child(2) {float:right}
footer .bottom ul:nth-child(1) li {margin-right:3rem;}
footer .bottom ul:nth-child(1) li:last-child {margin-right:0;}
footer .bottom ul:nth-child(2) li {margin-right:1rem;}
footer .bottom ul:nth-child(2) li:last-child {margin-right:0;}
footer .bottom p.address {color:#b7bbc6; font-size:1.4rem; margin-top:3rem; line-height:1.8rem;}



/*사이드퀵 side_quick*/
.side_quick {position:absolute; right:0px; top:10%;background:#fff; border:1px solid #eee; border-radius:10px 0 0 10px; box-shadow:-10px 10px 10px rgba(0,0,0,0.03); padding:20px; letter-spacing:-0.5px; z-index:999;}
.side_quick .call {padding-left:4rem; background:url("../images/main/customer_center.png") left center no-repeat; background-size:35px; letter-spacing:-1px;}
.side_quick .call p:nth-child(1) {color:#989898; font-size:13px;}
.side_quick .call p:nth-child(2) {color:#129ee9; font-weight:700; font-size:2.4rem; line-height:2.8rem; margin-top:.5rem;}
.side_quick .quick {border-top:2px solid #dadde2; margin:1.5rem 0 1.5rem 0; border-bottom:1px solid #b8bcbf; padding:0.5rem 0 1.5rem 0;}
.side_quick .quick li {width:100%; margin-top:1rem; border:1px solid #dbdfe2; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.05)); text-align:center;}
.side_quick .quick li a {display:block; font-size:13px; color:#555555; height:35px; line-height:33px;}
.side_quick .quick li.col1 {background:#186cc2; border:none;}
.side_quick .quick li.col2 {background:#0a3d7e; border:none;}
.side_quick .quick li.col1 a,
.side_quick .quick li.col2 a {color:#fff;}
.side_quick .sns {}
.side_quick .sns li {width:100%; margin-top:10px;}
.side_quick .sns li a {display:block; height:33px; line-height:33px;}
.side_quick .sns li em {font-size:13px;}
.side_quick .sns li img {margin-top:6px;}
.side_quick .sns li span { padding:0 7px; margin-right:7px;}
.side_quick .sns li.naver {border:1px solid #44b065; background:#00c63d; }
.side_quick .sns li.naver em {color:#fff;}
.side_quick .sns li.naver span {display:inline-block; border-right:1px solid #44b065;}
.side_quick .sns li.kakao {border:1px solid #fed8b1; background:#fff313;}
.side_quick .sns li.kakao em {color:#371e21;}
.side_quick .sns li.kakao span {display:inline-block; border-right:1px solid #fed8b1}
.side_quick .sns li.nate {border:1px solid #dfdfdf; background:#f9f9f9;}
.side_quick .sns li.nate em {color:#555555;}
.side_quick .sns li.nate span {display:inline-block; border-right:1px solid #dfdfdf}
.side_quick .money {display:flex; width:100%; border-top:1px solid #b8bcbf; padding:1.5rem 0; margin-top:1.5rem;overflow:hidden; }
.side_quick .money li {float:left; border:1px solid #d5d5d5; width:50%; text-align:center; background:#f4f7fc;}
.side_quick .money li:last-child {border-left:0;}
.side_quick .money li a {display:block; padding:1rem 0.5rem 0.7rem 0.5rem ;}
.side_quick .money li p {font-size:12px; color:#555;}
.side_quick .money li p:nth-child(1) {margin-bottom:5px; height:25px;}
.side_quick .money li p img {vertical-align:middle;}
.side_quick .bank {}
.side_quick .bank li {font-size:13px; color:#666; line-height:22px;}
.side_quick .bank li::before {content:""; display:inline-block; width:2px; height:2px; background:#999; vertical-align:middle; margin-right:5px;}
.side_quick .side_quick_wrap {position:relative;}
.side_quick .bank span {color:#999; margin-right:1.5rem;}
.side_quick .button {position:absolute; left:-30px; top:41%; background:#fff; border-radius:5px 0 0 5px; width:30px; box-shadow:-10px 10px 10px rgba(0,0,0,0.03);  border-right:1px solid #fff;}
.side_quick .button li a {display:block;padding:10px 3px;}
.side_quick .button li:nth-child(1) {background:#119ee6 url("../images/main/side_right.png") center center no-repeat; border-radius:5px 0 0 0; cursor:pointer; height:35px;}
.side_quick_left {background:#119ee6 url("../images/main/side_left.png") center center no-repeat; }
.side_quick .button li:nth-child(2) {background:url("../images/main/side_top.png") center center no-repeat; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.side_quick .button li:nth-child(3) {background:url("../images/main/side_bottom.png") center center no-repeat; border-bottom:0;}
.side_quick.open .button li:nth-child(1) {transform:rotate(180deg); border-radius:0 0 5px 0; }



/********************************************************@@@@@@@@@@ 서브페이지 @@@@@@@@@@********************************************************/
.sub_bg {background:url("../images/main/main_bg.png") center -20px no-repeat; text-align:center; padding:2.3% 0; margin-top:13rem;}
.sub_bg p:nth-child(1) {font-size:3rem; color:#ffffff; text-shadow:0 0 10px rgba(0,0,0,0.5);}
.sub_bg p:nth-child(2)::before {content:""; display:block; width:14px; height:1px; background:#fff; margin:1.5rem auto; text-align:center;}
.sub_bg p:nth-child(2) {font-size:14px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.5);}

/*모바일 타이틀 영역*/
.m_title {display:none; text-align:center; font-size:2rem; color:#111; position:relative; width:100%;  border-bottom:1px solid #ddd; line-height:2.3rem; font-weight:500; padding:1.5rem 5.5rem; background:#f1f1f1;}
.m_title button.back {position:absolute; left:0; top:2px; height:100%;}
.m_title button.forward {position:absolute; right:0; top:2px; height:100%;}
.m_title button i {font-size:3rem; color:#333; padding:0 1.5rem;}

/*페이지표시*/
.nowlocation {background:#f6f6f6; border-bottom:1px solid #eee; margin-top:13.1rem;}
.nowlocation ul {display:flex; align-items:center; padding:1.5rem 0; overflow:hidden; }
.nowlocation ul li {float:left;}
.nowlocation ul li i {margin-right:5px; font-size:15px;}
.nowlocation ul li::after {content:""; clear:both; display:inline-block; width:7px; height:12px; 
background:url("../images/sub/nowlocation_arrow.png") center bottom no-repeat; margin:0 1rem;}
.nowlocation ul li:last-child::after{display:none;}
.nowlocation ul li a {font-size:13px; color:#555555;}


/*로그인*/
.login_page {margin-top:5rem; overflow:hidden;}
.login_page .login_wrap {float:left; width:50%; padding-right:4%;}
.login_page .login_wrap form {overflow:hidden;}
.login_page .login_wrap h2 {font-weight:700; font-size:3.2rem; color:#222222; letter-spacing:-1px; border-bottom:1px solid #e2e2e2; padding-bottom:2rem; margin-bottom:2rem;}
.login_page .login_wrap h2 span {font-size:13px; color:#999999; margin-left:1rem; font-weight:400;  letter-spacing:-.5px; }
.login_page .login_wrap .login_box {float:left; width:100%; overflow:hidden;}
.login_page .login_wrap .login_box p {float:left; width:73%;}
.login_page .login_wrap .login_box p input {width:100%; padding:0 2rem; color:#333; font-size:1.8rem; border:1px solid #d5d5d5; border-radius:0; margin-top:1rem; height:5.5rem;}
.login_page .login_wrap .login_box p input:first-child {margin-top:0;}
.login_page .login_wrap .login_box p input::placeholder {font-size:1.6rem; color:#999999; letter-spacing:-1px; }
.login_page .login_wrap .login_box button {float:right; width:25%; height:12rem; margin-left:2%; background:#328eff; font-size:2.4rem; color:#ffffff;letter-spacing:-1px;}
.login_page .login_wrap ul {float:right; overflow:hidden; margin:2rem 0 3rem 0;}
.login_page .login_wrap ul li {float:left;}
.login_page .login_wrap ul li a::after {content:""; display:inline-block; width:1px; height:10px; background:#c9c9c9; margin:0 1rem;}
.login_page .login_wrap ul li a {display:block; padding:3px; color:#666666; font-size:1.5rem;}
.login_page .login_wrap ul li:last-child a {color:#328eff;}
.login_page .login_wrap ul li:last-child a::after {display:none;}
.login_page .login_wrap button.naver {width:100%; border:1px solid #0ea500; background:#1ec800; padding:0;  font-size:2.1rem; font-weight:500;  color:#fff; text-align:center; line-height:6.3rem; letter-spacing:-1px;}
.login_page .login_wrap button.naver span {display:inline-block; float:left;border-right:1px solid #0ea500; width:10%; height:100%; }
.login_page .netfu_benefit {float:right; width:50%; padding-left:4%;border-left:1px solid #dddddd; }
.login_page .netfu_benefit h2 {display:flex; align-items:center; justify-content:space-between; font-size:2.4rem; color:#222222; font-weight:500; margin-bottom:2rem;}
.login_page .netfu_benefit h2 b {margin-right:1rem;}
.login_page .netfu_benefit h2 span {position:relative; color:#21a2db; font-size:2.8rem;}
.login_page .netfu_benefit h2 span em {padding-top:5px;}
.login_page .netfu_benefit h2 span::before {position:absolute; top:0px; left:40%; content:""; display:inline-block; width:4px; height:4px; border-radius:10px; background:#21a2db; }
.login_page .netfu_benefit h2 a {display:block; float:right; font-size:13px; color:#21a2db;}
.login_page .netfu_benefit h2 a i {margin-left:0.7rem; vertical-align:middle;}
.login_page .netfu_benefit h2 a:hover { text-decoration:underline;}
.login_page .netfu_benefit ul {display:flex; flex-wrap:wrap; overflow:hidden; background:#f3f9ff; padding:2.5rem 3rem;} 
.login_page .netfu_benefit ul li {display:flex; flex-wrap:wrap; flext-direction:column; justify-content:space-between; float:left; width:33.3%; padding:0.7rem; border-right:1px dashed #d7d7d7; border-top:1px dashed #d7d7d7}
.login_page .netfu_benefit ul li:nth-child(-n+3) {border-top:0;}
.login_page .netfu_benefit ul li:nth-child(3n) {border-right:0;}
.login_page .netfu_benefit ul li p {width:100%;text-align:center; font-size:1.6rem; color:#444444;}
.login_page .netfu_benefit ul li p:nth-child(1) {display:flex; align-items:end;  justify-content:center;}
.login_page .netfu_benefit ul li p:nth-child(2) {margin:1.5rem 0; letter-spacing:-0.5px;}
.login_page .netfu_benefit ul li:nth-child(n+4) {padding-top:2rem;}
.login_page .netfu_benefit ul li:nth-child(n+4) p:nth-child(2) {margin:1.5rem 0 0 0;}
.login_page .netfu_info {float:left; width:100%; background:url("../images/sub/netfu_info.png") 20px 20px no-repeat; border-top:1px solid #dddddd; margin:13rem 0 6rem 0; text-align:center; padding:5rem 2rem;}
.login_page .netfu_info p {font-size:1.4rem; color:#777; line-height:2.4rem; margin-bottom:3rem;}
.login_page .netfu_info p:nth-child(2) {margin-bottom:0;}


/*회원가입 완료*/
.join_complet .id_info {font-size:1.8rem; background:#f6f8fb; text-align:center; padding:2rem; font-size:1.6rem; color:#555;}
.join_complet .id_info b {font-weight:bold; color:#176dc2;}
.join_complet .id_info b:nth-of-type(1) {margin-right:20px;}

/*아이디/비번찾기*/
.find_result {border:2px solid #1598dc; width:100%; padding:2rem 2rem 0 2rem; background:#f4f9ff;}
.find_result p {font-size:3rem; font-weight:700; text-align:center;}
.find_result span {display:block; font-size:2rem; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff;  margin:2rem 0; padding:2rem 1rem; line-height:3.5rem}

/*웹홈페이지*/
.solution .quick_list {display:flex;  justify-content:space-around; margin:3rem 0; padding:0 2rem; overflow:hidden;}
.solution .quick_list li {float:left; width:15%; border:1px solid #d5d5d5;  letter-spacing:-0.5px; margin:.5rem; text-align:center; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.03)); }
.solution .quick_list li a {display:block; font-size:1.6rem; color:#444; padding:1.3rem .5rem;}
.solution .quick_list li.on {border:2px solid #176dc2; background:linear-gradient(0deg, rgba(26,108,194,1) 0%, rgba(20,106,241,1) 100%); border:0; }
.solution .quick_list li.on a {font-weight:500; color:#fff;}
.solution .quick_list li:hover a {color:#176dc2; font-weight:500;}
.solution .quick_list li.on:hover a {color:#fff}
.solution .best_product {/*background:#fafafa; border:1px solid #eeeeee;*/ background:#f7faff; border:1px solid #ebeef8; padding:3rem; margin-bottom:4rem;}
.solution .best_product > h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:2.8rem; font-weight:700; color:#333; margin-bottom:3rem;}
.solution .best_product > h2 span {color:#f32e01;}
.solution .best_product > h2 em {float:right; font-size:14px; color:#666; margin:10px 0 10px 0px}
.solution .best_product > h2 em b {color:#ff550a;}
.solution .best_product > h2 small {color:#999}
.solution .best_product>ul>li:nth-child(n+4) {margin-bottom:0;}
.solution .sub_solution_list {padding-top:0rem;}
.solution .main_solution::before {display:none;}
.solution .sub_solution_list {background:#fff;}
.solution .sub_solution_list > h2 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:2.8rem; font-weight:700; color:#222222; letter-spacing:-1px; border-top:1px solid #d7d7d7; padding:3rem 0 2.5rem 0; overflow:hidden;}
/*.solution .sub_solution_list > h2 span {font-size:13px; color:#999; margin-left:1rem; font-weight:normal;}*/
.solution .sub_solution_list > h2 em {display:inline-block; font-size:14px; color:666; margin:10px 0 10px 0px;}
.solution .sub_solution_list > h2 em b {color:#ff550a;}
.solution .sub_solution_list .depth3_wrap {display:flex; gap:10px;}
.solution .sub_solution_list .depth3_wrap li { letter-spacing:-0.5px; text-align:center;}
.solution .sub_solution_list .depth3_wrap li a {display:inline-block; font-size:1.55rem; padding:1.4rem 2rem; border:1px solid #2252db; color:#146aeb; font-weight:500; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(211,229,255,0.3));}
.solution .sub_solution_list .depth3_wrap li.on a { background:linear-gradient(0deg, rgba(26,108,194,1) 0%, rgba(20,106,241,1) 100%); color:#fff; border-color:#176dc2; font-weight:bold;}
.solution .sub_solution_list .depth3_wrap li a:hover {color:#2252db; font-weight:500;}
.solution .sub_solution_list .depth3_wrap li.on a:hover {color:#fff; font-weight:bold;}
.solution .sub_solution_list .depth4_wrap {position:relative; bottom:-1px; display:flex; justify-content:center; z-index:1;}
.solution .sub_solution_list .depth4_wrap a {display:inline-block; font-size:1.55rem; padding:1.7rem 2rem; border:1px solid #d7d7d7; color:#444; font-weight:500; background:#fff; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.03)); letter-spacing:-0.3px; padding-top:1.9rem;}
.solution .sub_solution_list .depth4_wrap li+li a {border-left:none;}
.solution .sub_solution_list .depth4_wrap li.on a {border-top-color:#176dc2; color:#176dc2; border-top-width:3px; font-weight:bold; background:#fff; border-left-color:#176dc2; border-right-color:#176dc2; border-left:1px solid #176dc2; border-bottom-color:#fff; padding-top:1.7rem;}
.solution .sub_solution_list .depth4_wrap li:first-child a {border-radius:3px 0 0 0;}
.solution .sub_solution_list .depth4_wrap li:last-child a {border-radius:0 3px 0 0px;}

/*구축사례*/
.portfolio {overflow:hidden;}
.portfolio .quick_list {float:left; margin:3rem 0; width:15%;}
.portfolio .quick_list.sticky {top:80px; max-width:187px; width:17%; z-index:2;}
.portfolio .quick_list li {width:100%; border:1px solid #d5d5d5;  letter-spacing:-0.5px; text-align:center; margin-bottom:0.7rem;}
.portfolio .quick_list li a {display:block; font-size:1.6rem; color:#444; padding:1.3rem .5rem;}
.portfolio .quick_list li.on {border:2px solid #176dc2; background:linear-gradient(0deg, rgba(26,108,194,1) 0%, rgba(20,106,241,1) 100%);}
.portfolio .quick_list li.on a {font-weight:500; color:#fff;}
.portfolio .quick_list li:hover a {color:#176dc2; font-weight:500;}
.portfolio .quick_list li.on:hover a {color:#fff;}
.portfolio .port_list_wrap {float:right; width:80%; margin:3rem 0 3rem 5%;}
.portfolio .port_list_wrap #navTab {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#fff; overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:1.7rem; margin-bottom:3rem;}
.portfolio .port_list_wrap #navTab.sticky {top:80px; padding-top:3rem;  max-width:1008px; width:100%; margin:0 auto; border-bottom:2px solid #ddd; z-index:2;}
.portfolio .port_list_wrap #navTab h2 {float:left; font-size:2.8rem; color:#222222; font-weight:500;}
.portfolio .port_list_wrap #navTab ul {float:right; overflow:hidden;}
.portfolio .port_list_wrap #navTab ul li {float:left; font-size:13px; margin-right:.7rem;}
.portfolio .port_list_wrap #navTab ul li:last-child {margin-right:0;}
.portfolio .port_list_wrap #navTab ul li a {display:block; padding:.6rem 1rem; color:#888888; background:#fafafa; border-radius:50px; border:1px solid #dddddd;}
.portfolio .port_list_wrap #navTab ul li.blue a {color:#fff; background:#136aef; border:1px solid #136aef;}
.portfolio .port_list {display:flex; flex-wrap:wrap; width:100%; overflow:hidden; }
.portfolio .port_list li {float:left; width:32%; margin:0 2% 5% 0; max-width:321px;}
.portfolio .port_list li:nth-child(3n) {margin-right:0;}
.portfolio .port_list li a {display:block;}
.portfolio .port_list li a div p {position:relative; padding-bottom:99%;  overflow:hidden;}
.portfolio .port_list li a div p img {position:absolute; left:0; top:0; width:100%; max-height:319px;}
.portfolio .port_list li div {overflow:hidden; max-width:319px}
.portfolio .port_list li div p {border:1px solid #ddd;}
.portfolio .port_list li a>p {font-size:2.2rem; color:#222; letter-spacing:-0.03rem; margin-top:1.5rem; font-weight:500;}
.portfolio .port_list li a>p span {font-size:13px; color:#888; margin-left:5px; font-weight:400;}

/*홈페이지 상세*/
.detail {/*overflow:hidden;*/}
.detail .top {display:flex; overflow:hidden;}
.detail .detail_wrap {float:right; width:calc(100% - 16rem - 4%); margin-top:4rem; margin-bottom:6rem; overflow:hidden; }
.detail .detail_wrap .solution_img {position:relative; float:left; /*width:42%;*/ width:442px;  border:1px solid #d5d5d5; margin-right:5%;}
.detail .detail_wrap .solution_img  img {display:block; width:100%; max-width:440px;}
.detail .detail_wrap .solution_img button {position:absolute; bottom:0%; background:rgba(0,0,0,0.4); z-index:110; padding:1rem;}
.detail .detail_wrap .solution_img button.prev {left:0; border-radius:0 5px 5px 0;}
.detail .detail_wrap .solution_img button.next {right:0; border-radius:5px 0 0 5px;}
/*.detail .detail_wrap .solution_img {float:left; width:42%;  border:1px solid #d5d5d5; margin-right:5%;}
.detail .detail_wrap .solution_img img {display:block; width:100%; max-width:440px;}*/
.detail .detail_wrap .product {float:right; width:calc(100% - 442px - 5%); }
.detail .detail_wrap .sticker {overflow:hidden;}
.detail .detail_wrap .sticker li {float:left; margin-left:3px; color:#fff; font-size:14px; padding:6px 10px; border-radius:3px; font-weight:500;}
.detail .detail_wrap .sticker li.hot {background-color:#dd545b}
.detail .detail_wrap .sticker li.new {background-color:#5b4eaa}
.detail .detail_wrap .sticker li.best {background-color:#1a86e1}
.detail .detail_wrap .sticker li.press {background-color:#ec4c14}
.detail .detail_wrap .sticker li.gps {background-color:#e14f79}
.detail .detail_wrap h2 {font-size:3.2rem; color:#222222; font-weight:500; padding:2rem 0;}
.detail .detail_wrap h2 span {color:#1ba2dc; font-weight:700; margin-right:1rem;}
.detail .detail_wrap .price {display:flex; align-items:center; justify-content:center; border-top:1px solid #a4a9b0; background:#f6f9fd; padding:1.3rem; text-align:center; overflow:hidden;}
.detail .detail_wrap .price dl {float:left; position:relative; text-align:center; margin-right:1rem;}
.detail .detail_wrap .price dl dd {font-size:2.5rem; color:#ffffff; font-family:'LATOB'; background:url("../images/sub/sale_bg.png") left center no-repeat; padding:2.1rem; background-size:contain;}
.detail .detail_wrap .price dl dt {position:absolute; left:0; top:0; font-size:1.3rem; color:#f5563d; background:#fff; border:1px solid #f5563d; padding:2px 3px; font-weight:700; }
.detail .detail_wrap .price p {float:left; font-size:2.5rem; color:#000000;}
.detail .detail_wrap .price p b {font-family:'LATOBB'; font-size:3.5rem;}
.detail .detail_wrap .price p span {font-size:1.5rem; color:#999999;}
.detail .detail_wrap .info_list dl {display:flex; align-items:center; font-size:14px; border-top:1px solid #eeeeee; padding:2rem 0; overflow:hidden;}
.detail .detail_wrap .info_list dl dt {float:left; width:6.5rem; margin-right:2rem; color:#000000; font-weight:700;}
.detail .detail_wrap .info_list dl dd {display:flex; align-items:center; justify-content:space-between; float:left; width:calc(100% - 8.5rem); color:#444; overflow:hidden; line-height:2.2rem; font-weight:500}
.detail .detail_wrap .info_list dl dd b {float:left;}
.detail .detail_wrap .info_list dl dd button {float:right; border:1px solid #cccccc; border-radius:5px; background:#fff; font-size:13px; color:#555555; padding:.5rem .7rem; letter-spacing:-1px; margin-left:1rem;}
.detail .detail_wrap .info_list dl dd .c_event {display:flex; align-items:center; justify-content:space-between; width:100%;}
.detail .detail_wrap .info_list dl dd .c_event li {display:flex; align-items:center; flex-wrap:wrap; gap:3px 5px;}
.detail .detail_wrap .info_list dl dd .c_event li:nth-child(1) {margin-bottom:5px;}
.detail .detail_wrap .info_list dl dd .c_event i {font-size:12px; color:#999; }
.detail .detail_wrap .info_list dl dd .c_event li:nth-child(1) em {position:relative;}
.detail .detail_wrap .info_list dl dd .c_event li:nth-child(1) em::before {content:""; display:block; position:absolute; background-image:url('../images/solution/company/price_arrow.png'); background-repeat:no-repeat; width:82px; height:15px; right:-14px; top:11px;}
.detail .detail_wrap .info_list dl dd .c_event li p {display:inline-block;}
.detail .detail_wrap .info_list dl dd .c_event i.y {color:#444}
.detail .detail_wrap .info_list dl dd .c_event em {text-decoration:none;}
.detail .detail_wrap .info_list dl dd .c_event span {margin:0px;}
.detail .detail_wrap .info_list dl dd.c_offer {display:block;}
.detail .detail_wrap .info_list dl dd.c_offer span {font-size:12px; color:#777;}
.detail .detail_wrap .info_list dl.event dd {font-weight:700; color:#555555; letter-spacing:-0.7px;}
.detail .detail_wrap .info_list dl.event dd br {display:none;}
.detail .detail_wrap .info_list dl.event em {color:#888888; text-decoration:line-through; font-weight:400;}
.detail .detail_wrap .info_list dl.event span {background:#f5563d; color:#fff; font-size:13px; border-radius:3px; padding:0 
0.5rem; font-weight:400; margin:0 1rem;}
.detail .detail_wrap .info_list dl:last-child {border-bottom:1px solid #eee; }
.detail .detail_wrap .demo {margin-top:2rem;}
.detail .detail_wrap .demo ul {display:flex; overflow:hidden;}
.detail .detail_wrap .demo ul li {float:left; display:inline-block; text-align:center; /*width:32%;*/ width:100%; margin-right:2%; line-height:2.2rem;}
.detail .detail_wrap .demo ul li:last-child {margin-right:0;}
.detail .detail_wrap .demo ul li a {display:block; font-size:1.8rem; border:2px solid #a651ae; color:#a651ae; padding:1.3rem 1rem; border-radius:5px;}
.detail .detail_wrap .demo ul li a:hover {background:#a651ae; color:#fff;}
.detail .detail_wrap .demo ul li a b {font-weight:700;}
.detail .detail_wrap .demo ul li:first-child a {border-color:#f9496d; color:#f9496d;}
.detail .detail_wrap .demo ul li:first-child:hover a {background:#f9496d; color:#fff;}
.detail .detail_wrap .demo ul li:last-child a {border-color:#445efd; color:#445efd;}
.detail .detail_wrap .demo ul li:last-child:hover a {background:#445efd; color:#fff;}
.detail .detail_wrap .demo button {font-size:2.6rem; color:#fff; background:linear-gradient(to right, #f9496d, #445efd)
; width:100%; font-weight:500; padding:2rem 1rem; border-radius:5px; margin-top:1.5rem;}
.detail .detail_wrap .demo button:hover {text-shadow:3px 3px 5px rgba(0,0,0,0.5);}

.detail .detail_con1 {padding:5rem 2rem;}
.detail .quick_menu {display:flex; border-top:2px solid #1259c4; overflow:hidden; border-bottom:1px solid #ddd; position:sticky; top:80px; z-index:3;}
.detail .quick_menu.sticky {top:80px; max-width:1260px; margin:0 auto; left:0; right:0; z-index:200;}
.detail .quick_menu li {float:left; width:24%; background:#f5faff; border-left:1px solid #dddddd; text-align:center;}
.detail .quick_menu li br {display:none;}
.detail .quick_menu li:last-child {display:flex; justify-content:center; align-items:center; width:4%; background:#1259c4; min-width:45px;}
.detail .quick_menu li:last-child a {color:#fff; font-size:12px; padding:0.1rem 1rem 0.7rem 1rem;}
.detail .quick_menu li:last-child a span {display:block;}
.detail .quick_menu li.on {background:#fff;}
.detail .quick_menu li a {display:block; font-size:1.7rem; color:#222; padding:1.5rem 1rem;}
.detail .solution_info img {margin:0 auto; display:block;}
.detail .solution_info .tip_common {width:100%; max-width:800px; margin:40px auto 0 auto; border:3px solid #ff8040; border-radius:20px; overflow:hidden;}
.detail .solution_info .tip_common .title {background:#ff8040; font-weight:700; color:#fff; font-size:2.4rem; padding:2rem;}
.detail .solution_info .tip_common dl { padding:3rem;}
.detail .solution_info .tip_common dl dt {font-size:1.6rem; color:#ff8040; font-weight:700; margin-top:20px; border-top:1px dashed #ddd; padding-top:20px;}
.detail .solution_info .tip_common dl dt:nth-of-type(1) {display:inline-block; background:#ff8040; color:#fff; border-radius:50px; padding:0px 10px; margin-top:0; border-top:0; padding-top:0; line-height:30px;}
.detail .solution_info .tip_common dl dd {margin-top:10px; font-size:14px; line-height:18px; color:#444}
.detail .solution_info .tip_common dl dd .tip_info {background:#f9f9f9; border:1px solid #ddd; padding:10px; line-height:18px; font-size:14px;}
.detail .solution_info .tip_common dl dd p {color:#e65052 ; font-size:14px; margin-top:10px;}
.detail .demo2{display:flex; justify-content:center; margin-top:5rem; overflow:hidden;}
.detail .demo2 ul {display:flex; float:left; overflow:hidden; width:45%;}
.detail .demo2 ul li {float:left; display:inline-block; text-align:center; width:100%; /*width:32%;*/ margin-right:2%;}
.detail .demo2 ul li:last-child {margin-right:0;}
.detail .demo2 ul li a {display:block; font-size:1.8rem; border:2px solid #a651ae; color:#a651ae; padding:1.5rem 1rem; border-radius:5px; line-height:2.2rem;}
.detail .demo2 ul li a:hover {background:#a651ae; color:#fff;}
.detail .demo2 ul li a b {font-weight:700;}
.detail .demo2 ul li:first-child a {border-color:#f9496d; color:#f9496d;}
.detail .demo2 ul li:first-child:hover a {background:#f9496d; color:#fff;}
.detail .demo2 ul li:last-child a {border-color:#445efd; color:#445efd;}
.detail .demo2 ul li:last-child:hover a {background:#445efd; color:#fff;}
.detail .demo2 button {float:left; font-size:2.6rem; color:#fff; background:linear-gradient(to right, #f9496d, #445efd)
; width:40%; font-weight:500; padding:2rem 1rem; border-radius:5px; margin-left:2%;}
.detail .demo2 button:hover {text-shadow:3px 3px 5px rgba(0,0,0,0.5);}
.detail .detail_con2 {background:#f6f8fb; padding:5rem 0;}
.detail .detail_con2 h3 {display:flex; align-items:center; justify-content:space-between;}
.detail .detail_con2 h3 button {float:right; background:#3498db; color:#fff; font-size:1.4rem; padding:0.5rem 0.5rem 0.5rem 1rem ;}
.detail .detail_con2 h3 button i {font-size:2rem; vertical-align:sub;}
.detail .detail_con2 p.info {font-size:1.6rem; background:url("../images/sub/deco1.png") left center no-repeat; padding-left:6rem; margin:2rem 0; line-height:2rem;}
.detail .detail_con2 p.info span {color:#3880e1;}
.detail .detail_con2 p.info2 {background:#fff; font-size:1.5rem; color:#434e7e; text-align:center; padding:1rem; margin-top:2rem; border:1px solid #9bb9ed; line-height:2rem;}
/*.detail .detail_con2 b.m_info {display:none; color:red; font-size:12px; letter-spacing:-1px; margin-bottom:1rem;}*/
.detail .detail_con3 {padding:5rem 0;}
.detail .detail_con3 .use_list1 li::before {position:relative; top:-3px; content:""; display:inline-block; width:4px; height:4px; 
background:#000; margin-right:1rem; margin-top:-3px;}
.detail .detail_con3 .use_list1 li {line-height:2.6rem; margin-top:10px}
.detail .detail_con3 .use_list1 li:first-child {margin-top:0}
.detail .detail_con3 .use_list2 {margin-top:1rem; border:1px solid #ddd; background:#f9f9f9; padding:1rem;}
.detail .detail_con3 .use_list2 li {font-size:13px; color:#555; line-height:18px;}
.detail .detail_con3 .use_list2 li i {margin-right:1rem; color:#236fa1; }
.detail .detail_con3 .use_list2 li span {color:#236fa1; font-weight:500;}
.detail .detail_con3  td div {background:#fff; border:1px solid #ddd; padding:1rem; border-left:4px solid #999; margin-top:1rem; line-height:20px;}
.detail .detail_con4 { padding:5rem 0; background:#f6f8fb;}
.detail .detail_con4>div {border:1px solid #dddddd; padding:2.5rem 2rem; background:#fff; overflow:hidden;}
.detail .detail_con4 .box1 {float:left; width:62%; overflow:hidden; border-right:1px solid #ddd; margin-right:2%; padding-right:2%;}
.detail .detail_con4 .box1 h3 {float:left; width:100%; font-size:1.7rem; font-weight:500; color:#333333; letter-spacing:-0.5px; margin-bottom:1.5rem;}
.detail .detail_con4 .box1 h3 span {font-size:13px; color:#119ee6; margin-left:1rem; font-weight:400; }
.detail .detail_con4 .box1 ul.talk {display:flex; justify-content:space-between; float:left;  width:55%; overflow:hidden; margin-right:5%;}
.detail .detail_con4 .box1 ul.talk li {float:left; border:1px solid #ddd; border-radius:3px; text-align:center;}
.detail .detail_con4 .box1 ul.talk li:last-child {margin-right:0;  border:0;}
.detail .detail_con4 .box1 ul.talk li a {display:block; padding:1rem 1rem 0.5rem 1rem;}
.detail .detail_con4 .box1 ul.talk li a p {font-weight:500; font-size:12px;}
.detail .detail_con4 .box1 ul.talk li a p:last-child {margin-top:7px;}
.detail .detail_con4 .box1 ul.talk li.naver_talk {width:22%; border-color:#44b064; background:#00c63b;}
.detail .detail_con4 .box1 ul.talk li.naver_talk a p {color:#fff;  text-shadow:0px 0px 3px #333; letter-spacing:-1px;}
.detail .detail_con4 .box1 ul.talk li.kakao_talk {width:22%; border-color:#ffd8b1; background:#fff313;}
.detail .detail_con4 .box1 ul.talk li.kakao_talk a p {color:#240c1c; }
.detail .detail_con4 .box1 ul.talk li.nate_talk {width:30%; border-color:#dfdfdf; background:#f9f9f9}
.detail .detail_con4 .box1 ul.talk li.nate_talk a p {color:#4563a1; letter-spacing:-0.5px;}
.detail .detail_con4 .box1 ul.idinfo {float:left; width:40%; background:#f4f4f4; padding:1.5rem;}
.detail .detail_con4 .box1 ul.idinfo li {color:#555555; font-size:1.4rem; line-height:2rem;}
.detail .detail_con4 .box1 ul.idinfo li b {font-weight:700;}
.detail .detail_con4 .box2 {float:left; /*width:415px;*/ width:34%; background:url("../images/main/customer_center.png") left center no-repeat; padding-left:7rem; overflow:hidden; margin-top:2.5rem; background-size:contain;}
.detail .detail_con4 .box2 p:first-child {position:relative; float:left; display:flex; align-items:center; width:100%; margin-bottom:.5rem;}
.detail .detail_con4 .box2 p:first-child span {font-size:15px; font-weight:700; color:#777777; background:#fff; padding-right:1.5rem; z-index:1;}
.detail .detail_con4 .box2 p:first-child::after {display:inline-block; content:""; clear:both; position:absolute;  width:100%; background:#d6d6d6; height:1px; vertical-align:middle;}
.detail .detail_con4 .box2 p:nth-of-type(2) {float:left; color:#129fe7; font-weight:700; font-size:4rem; letter-spacing:-1.3px;}
.detail .detail_con4 .box2 ul {float:left; margin-left:1.5rem; margin-top:.5rem;}
.detail .detail_con4 .box2 ul li {font-size:14px; color:#666; font-weight:400; line-height:18px;}

/*회사소개 솔루션 상세페이지*/
.detail .company_top {position:relative;  background:linear-gradient(180deg, rgba(67,62,161,1) 0%, rgba(63,69,205,1) 100%); margin-top:20px; border-radius:0 20px 0 20px; padding:3% 5% 8% 5%; overflow:hidden;}
.detail .company_top::before {content:""; position:absolute;  right:-250px; bottom:-45px;width:100%; height:100%;  background-image:url("../images/solution/company/t_point.png"); background-repeat:no-repeat; background-position:right bottom; background-size:contain;}
.detail .company_top .t1 {font-size:18px; color:#cfc9e4; font-weight:bold;}
.detail .company_top .title {position:relative; z-index:1; font-size:60px; color:#fff; margin:3% 0 5% 0; line-height:72px; text-shadow:0 0 8px rgba(0,0,0,0.6);}
.detail .company_top .title b {font-weight:bold;}
.detail .company_top .rw {display:flex; align-items:center; position:relative; color:#ffe6a3; font-size:16px; font-weight:bold; margin-bottom:12px; z-index:1;}
.detail .company_top .rw::before {content:"?"; display:inline-block; width:24px; line-height:24px; text-align:center;  border-radius:50px; background:#ffe6a3; color:#3f40bd; font-weight:bold; font-family:'LATOBB'; margin-right:5px; font-size:16px;}
.detail .company_top .rwt {position:relative; font-size:16px; color:#ffffff; line-height:24px; z-index:1}
.detail .company_top .r_img {position:absolute; right:2%; top:15%;}
.detail .c_benefit {position:relative; padding:0 50px; margin-top:-4.5%; z-index:1;}
.detail .c_benefit ul { display:flex; background:#fff; border-radius:100px; box-shadow:0 0 32px rgba(0,0,0,0.2); padding:2% 10%; }
.detail .c_benefit li {display:flex; justify-content:space-between; flex-direction:column; width:25%; text-align:center;}
.detail .c_benefit li p.tx {font-size:1.8rem; font-weight:500; color:#666666; margin-top:10px;}

.detail .demo_wrap  {margin-top:30px; position:relative; z-index:1;}
.detail .demo_wrap .arrow {position:relative; height:80px;}
.detail .demo_wrap .arrow .chevron {position: absolute;top: 0;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 3px solid #2c3e50;border-bottom: 3px solid #2c3e50; transform: rotate(-45deg); animation: arrow-motion 2s infinite;opacity: 0;box-sizing: border-box;}
.detail .demo_wrap .arrow .chevron:nth-of-type(1) {animation-delay: 0s;}
.detail .demo_wrap .arrow .chevron:nth-of-type(2) {top: 16px;animation-delay: .15s;}
.detail .demo_wrap .arrow .chevron:nth-of-type(3) {top: 32px; animation-delay: .3s;}

@keyframes arrow-motion {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.detail .demo_wrap .title {font-size:3rem; color:#5b5b5b; line-height:5rem; text-align:center;}
.detail .demo_wrap .title b {font-size:3.6rem; font-weight:bold; color:#111111; }
.detail .demo_wrap .title b i {position:relative; top:-15px; font-size:2rem;}
.detail .demo_wrap .choice {display:flex; justify-content:space-between; margin-top:40px;}
.detail .demo_wrap .choice .btn {width:190px; min-width:190px;}
.detail .demo_wrap .choice .btn li {margin-bottom:10px;}
.detail .demo_wrap .choice .btn li a {display:flex; justify-content:space-between;  width:100%; padding:20px; font-size:19px; color:#333333; border-radius:10px; background:#f2f2f2; border:1px solid #f2f2f2;}
.detail .demo_wrap .choice .btn li i {color:#f2f2f2}
.detail .demo_wrap .choice .btn li.on a {color:#2070ff; background:#fff; border:1px solid #2070ff; font-weight:bold;}
.detail .demo_wrap .choice .btn li.on a i {color:#2070ff}
.detail .demo_wrap .choice .btn li:hover a {color:#2070ff; background:#fff; border:1px solid #2070ff; font-weight:bold;}
.detail .demo_wrap .choice .btn li:hover a i {color:#2070ff;}
.detail .demo_wrap .choice button {width:174px; min-width:174px; height:174px; background-image:url("../images/solution/company/bubble.png"); background-position:center center; background-repeat:no-repeat; text-align:center; font-size:19px; color:#fff; font-weight:500; line-height:25px; animation: motion 1.5s linear 0s infinite alternate; margin-top: 0; padding:0;}
.detail .demo_wrap .choice button:hover {font-weight:bold;}
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

.detail .demo_wrap .ch-engine-img- {width:100%;}
.detail .demo_wrap .device {position:relative; width:100%; }
.detail .demo_wrap .device .img {position:absolute; left:50%; transform:translate(-50%, 0%); background:#000; overflow-y:scroll; overflow-x:hidden;}
.detail .demo_wrap .device .img::-webkit-scrollbar {width:1px;}
.detail .demo_wrap .device .img::-webkit-scrollbar-thumb {background-color:#000;}
.detail .demo_wrap .device .img::-webkit-scrollbar-track {background-color:#000}

.detail .demo_wrap .device_pc {background:url('../images/solution/company/pc.png') center center no-repeat; height:554px; }
.detail .demo_wrap .device_pc .img {top:25px; width:641px; height:366px; }
.detail .demo_wrap .device_laptop {background:url('../images/solution/company/laptop.png') center center no-repeat; height:460px;} 
.detail .demo_wrap .device_laptop .img {top:27px; width:617px; height:386px; }
.detail .demo_wrap .device_pad {background:url('../images/solution/company/pad.png') center center no-repeat; height:564px;} 
.detail .demo_wrap .device_pad .img {top:46px; width:318px; height:481px; }
.detail .demo_wrap .device_phone {background:url('../images/solution/company/phone.png') center center no-repeat; height:500px;} 
.detail .demo_wrap .device_phone .img {top:44px; width:222px; height:427px; }

.detail .c_benefit_wrap {position:relative;  letter-spacing:-0.3px;}
.detail .c_benefit_wrap .bg {position:absolute; top:200px; width:100%; }
.detail .c_benefit_wrap .bg::before {position:absolute; right:0%; top:-365px; content:""; display:block; width:55%; height:365px; background:#f8f6fb; border-radius:0 100% 0% 0; transform:translate(0, 0); z-index:-1;}
.detail .c_benefit_wrap .bg::after {position:absolute; left:0%; top:-365px; content:""; display:block; width:55%; height:365px; background:#f8f6fb; border-radius:100% 0 0 0; transform:translate(0, 0); z-index:-1;}
.detail .c_benefit_wrap .c_b {position:relative; top:50px; background:#f8f6fb; border-radius:150px 150px 0 0;}
.detail .c_benefit_wrap .c_b_list {display:flex; flex-wrap:wrap; gap:0 20px; padding-bottom:8rem;}
.detail .c_benefit_wrap .c_b_list li {width:calc((100% - 60px) / 4); border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); border:1px solid #eeeeee; padding:2.5rem 2rem; background:#fff; margin-top:20px;}
.detail .c_benefit_wrap .c_b_list li .img {display:flex; min-height:110px; align-items:center; justify-content:center;}
.detail .c_benefit_wrap .c_b_list li .img span {display:block; text-align:center;}
.detail .c_benefit_wrap .c_b_list li:nth-child(-n+4) {margin-top:0;}
.detail .c_benefit_wrap .c_b_list li dl dt {font-size:22px; color:#234787; font-weight:bold;  letter-spacing:-0.5px; line-height:28px; margin-bottom:2.5rem; text-align:center; margin-top:2rem;}
.detail .c_benefit_wrap .c_b_list li dl dd {position:relative; font-size:15px; color:#444; letter-spacing:-0.5px; line-height:22px; margin-left:10px; margin-bottom:1.5rem;}
.detail .c_benefit_wrap .c_b_list li dl dd:last-child {margin-bottom:0;}
.detail .c_benefit_wrap .c_b_list li dl dd::before {position:absolute; top:10px; left:-10px; content:""; width:3px; height:3px; background:#333333; }
.detail .c_benefit_wrap .c_b_list li:first-child {position:relative; background:#3e42cb; border:1px solid #3e42cb; padding:5% 2.5% 5% 2.5%; color:#fff; overflow:hidden;}
.detail .c_benefit_wrap .c_b_list li:first-child::after {content:""; position:absolute; right:-330px; bottom:-40px; width:250%; height:150%; background:url('../images/solution/company/t_point.png') right bottom/100% no-repeat; opacity:0.6;}
.detail .c_benefit_wrap .c_b_list li:first-child .title {position:relative; font-size:24px; margin-bottom:2.5rem; letter-spacing:-0.5px; z-index:1;}
.detail .c_benefit_wrap .c_b_list li:first-child .title b {font-size:42px; font-weight:bold; line-height:60px; }
.detail .c_benefit_wrap .c_b_list li:first-child .txt {position:relative; opacity:0.5; font-size:16px; line-height:22px; z-index:1;}
.detail .c_benefit_wrap .n_h_wrap { background:#f8f6fb url('../images/solution/company/n_h_benefit_bg.png') center bottom no-repeat; padding-bottom:11rem;}
.detail .c_benefit_wrap .n_h {position:relative; top:45px; width:1280px; margin:0 auto}
.detail .c_benefit_wrap .n_h .title::before {content:""; display:block; width:20px; height:5px; background:#181a4f; margin:0 auto 2.5rem auto; }
.detail .c_benefit_wrap .n_h .title {font-size:3rem; color:#111111; line-height:5rem; text-align:center; margin-bottom:30px;}
.detail .c_benefit_wrap .n_h .title b {font-size:4rem; font-weight:bold;}
.detail .c_benefit_wrap .n_h .title b i {position:relative; top:-15px; font-size:2rem;}
.detail .c_benefit_wrap .n_h .ttop {display:flex; padding:10px;}
.detail .c_benefit_wrap .n_h .ttop li {display:flex; align-items:center; justify-content:center; border-radius:20px 20px 0 0;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) {position:relative; width:60%; background:#fff; box-shadow:0px -3px 10px rgba(0,0,0,0.13); padding:36px 45px 36px 200px}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag {display:flex; justify-content:center; align-items:center; position:absolute; left:43px; top:-10px; width:140px; height:157px; color:#fff; font-size:24px; font-weight:bold; background-image:url('../images/solution/company/flag.png'); background-repeat:no-repeat; background-position:left top; text-align:center; z-index:2;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag b {position:relative; top:-15px; line-height:26px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag::after {position:absolute; top:0px; right:-10px; content:""; width: 0; height: 0; border-bottom:5px solid #181a4f; border-top:5px solid transparent; border-left:5px solid #181a4f; border-right:5px solid transparent;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h {display:flex; align-items:center;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h > div {display:flex; align-items:center; flex-direction:column;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h > div:nth-child(1) {margin-right:30px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .sale {display:flex; align-items:center;  font-size:20px}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .sale span {display:inline-block; color:#fff; background:#e11d09; font-weight:bold; border-radius:50px; padding:5px 15px; font-weight:bold; margin-right:10px; font-family:'LATOBB';}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .sale i {font-style:normal; text-decoration:line-through; color:#bababa;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .c_ht {font-size:25px; color:#333333; margin-top:15px; letter-spacing:-0.5px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .c_ht b {font-weight:bold;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price {color:#333; font-size:26px; letter-spacing:-0.5px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price b {font-weight:bold; font-size:70px; font-family:'LATOBB';}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) {width:40%; background:#e6e6e6; ; letter-spacing:-0.5px; color:#bababa; }
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) br {display:none;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p {font-size:24px; color:#909090;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p b:nth-child(1) {font-weight:bold;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p b.num {font-weight:bold; font-family:'LATOBB'; margin-left:10px; font-size:45px;}
.detail .c_benefit_wrap .n_h_benefit {position:relative; top:35px; background:#fff; border-radius:0 0 20px 20px; z-index:1; overflow:hidden; box-shadow:0 3px 0 rgba(0,0,0,0.05);}
.detail .c_benefit_wrap .n_h_benefit .list {padding:25px;}
.detail .c_benefit_wrap .n_h_benefit .list li {display:flex; align-items:center; border-bottom:1px dashed #d6d6d6; padding:25px 20px;}
.detail .c_benefit_wrap .n_h_benefit .list li:last-child {border-bottom:0;}
.detail .c_benefit_wrap .n_h_benefit .list li .img {display:flex; justify-content:center; min-width:141px; width:10%;}
.detail .c_benefit_wrap .n_h_benefit .list li .img span {display:block; text-align:center;}
.detail .c_benefit_wrap .n_h_benefit .list li .img em {display:none;}
.detail .c_benefit_wrap .n_h_benefit .list li dl {width:90%; padding-left:30px;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt {font-size:22px; color:#4c788f; font-weight:500; margin-bottom:15px; line-height:35px;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt br {display:none;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt b {font-weight:bold; font-size:26px;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dd {font-size:16px; color:#666666; line-height:24px;}
.detail .c_benefit_wrap .n_h_benefit .reference {background:#f9f9f9; padding:2rem 3rem;}
.detail .c_benefit_wrap .n_h_benefit .reference li {position:relative; color:#818181; font-size:13px; line-height:20px; padding-left:5px;}
.detail .c_benefit_wrap .n_h_benefit .reference li::before {position:absolute; top:10px; left:-4px; content:""; width:2px; height:2px; background:#333;}

.detail .progress {margin-top:5.5rem; letter-spacing:-0.3px;}
.detail .progress .title {font-size:30px; color:#111111; line-height:5rem; text-align:center; margin-bottom:5rem;}
.detail .progress .title::before {content:""; display:block; width:20px; height:5px; background:#181a4f; margin:0 auto 2.5rem auto;}
.detail .progress .title b {font-size:40px; color:#111; font-weight:bold; }
.detail .progress .sequence {position:relative; }
.detail .progress .sequence::before {content:""; display:block; position:absolute; top:17px; width:100%; height:315px; border:1px dashed #aaaaaa; border-left:0; border-radius:0 153px 153px 0; z-index:-1;}
.detail .progress .sequence ul {position:relative; display:flex; /*flex-wrap:wrap;*/ gap:0 20px;}
.detail .progress .sequence ul.second {margin-top:50px;}
.detail .progress .sequence ul.first::after {position:absolute; right:-180px; top:50px; content:""; display:block; width:301px; height:265px; background:url('../images/solution/company/sequence_deco.png') right top no-repeat;}
.detail .progress .sequence ul.first li:nth-child(1) {margin-right:3%;}
.detail .progress .sequence ul.second li:nth-child(4) {margin-right:9%;}
.detail .progress .sequence ul.second li:nth-child(1) {order:4}
.detail .progress .sequence ul.second li:nth-child(2) {order:3}
.detail .progress .sequence ul.second li:nth-child(3) {order:2}
.detail .progress .sequence ul.second li:nth-child(4) {order:1}
.detail .progress .sequence ul li {}
.detail .progress .sequence ul li .num {width:34px; height:34px; color:#fff; font-weight:bold; text-align:center; line-height:34px; border-radius:50px; margin:0px 0 20px 23px; }
.detail .progress .sequence ul li div {position:relative; background:#ecf0fb; border-radius:15px; padding:2rem 3rem 3rem 2rem;}
.detail .progress .sequence ul li div::before {position:absolute; left:30px; top:-15px; content:""; display:block; width:0; height:0; border-bottom:15px solid #ecf0fb; border-top:0px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent;}
.detail .progress .sequence .img {display:flex; align-items:center; margin-bottom:15px; min-height:57px; }
.detail .progress .sequence .img span {display:block;}
.detail .progress .sequence ul.first li:first-child span {display:block; width:80px; text-align:center; border:2px solid #654fc1; border-radius:50px; background:#fff; font-weight:bold; padding:0 5px; color:#654fc1; font-size:15px; line-height:34px;}
.detail .progress .sequence ul.first li:nth-child(2) .num {background:#9291c1; }
.detail .progress .sequence ul.first li:nth-child(3) .num {background:#7a76c1; }
.detail .progress .sequence ul.first li:nth-child(4) .num {background:#6865a5; }
.detail .progress .sequence ul.second li:nth-child(1) .num {background:#5c559f; }
.detail .progress .sequence ul.second li:nth-child(2) .num {background:#4a418d; }
.detail .progress .sequence ul.second li:nth-child(3) .num {background:#382367; }
.detail .progress .sequence ul.second li:last-child span {display:block; width:80px; text-align:center; border:2px solid #2d1c53; border-radius:50px; background:#2d1c53; font-weight:bold; padding:0 5px; color:#fff; font-size:15px; line-height:34px;}
.detail .progress .sequence dl dt {font-size:2.2rem; line-height:3rem; font-weight:500; color:#3847b8; margin-bottom:16px;}
.detail .progress .sequence dl dd {font-size:15px; color:#555555; line-height:22px;}

.detail .ess_check {margin-top:80px; box-shadow:0 0 10px rgba(0,0,0,0.15); border:1px solid #eeeeee; border-radius:30px; margin-bottom:45px; letter-spacing:-0.5px;} 
.detail .ess_check .title {font-size:2.6rem; font-weight:500; color:#111111;  border-bottom:1px solid #e1e1e1; padding:3rem 3%; margin-bottom:3rem; letter-spacing:-0.7px;}
.detail .ess_check .title em {position:relative;}
.detail .ess_check .title em::after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:14px; background:#1186fe; opacity:0.1; z-index:-1;}
.detail .ess_check .check_list_wrap {padding:0 3%; }
.detail .ess_check .check_list {display:flex; gap:0 30px;}
.detail .ess_check .check_list > div:first-child {width:60%;}
.detail .ess_check .check_list > div:last-child {width:40%;}
.detail .ess_check dl {margin-bottom:25px;}
.detail .ess_check dl dt {font-size:1.8rem; color:#111111; line-height:2.4rem; font-weight:bold; margin-bottom:1.5rem; }
.detail .ess_check dl dt span {display:inline-block; margin-right:7px;}
.detail .ess_check dl dt span i {display:flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid #0f80f3; background:#0f8df9; color:#fff; font-size:12px;}
.detail .ess_check dl dd {position:relative; font-size:15px; color:#666666; line-height:22px; padding-left:5px;}
.detail .ess_check dl dd::before {position:absolute; left:-5px; top:8px; content:""; display:inline-block; width:3px; height:3px; background:#515151; margin-right:5px;}
.detail .ess_check table {min-width:100%; border:1px solid #ededed;}
.detail .ess_check table th {font-size:1.6rem; font-weight:bold; color:#666666; border:1px solid #fff; background:#f1f1f1; padding:1.5rem; line-height:2.2rem;}
.detail .ess_check table td {color:#666; font-size:1.6rem; background:#fff; border:1px solid #ededed; text-align:center; padding:1.5rem;  line-height:22px;}
.detail .ess_check table td em {font-size:13px; color:#999999; margin-top:8px; font-weight:normal; }
.detail .ess_check table td.fw5 {font-weight:500;}
.detail .ess_check .table {margin-bottom:40px;}
.detail .ess_check .table dl,
.detail .ess_check .table dt {margin-bottom:15px;}
.detail .ess_check .table ul {margin-top:10px;}
.detail .ess_check .table ul li {font-size:14px; color:#818181; line-height:24px; margin:1px 0;}
.detail .ess_check .table ul li i {position:relative; top:-2px; color:#050505; margin-right:5px;}
.detail .function .wrap1260 {border-top:2px solid #000000; border-bottom:1px solid #dddddd; padding:3rem 0; font-size:2.4rem; color:#333333; font-weight:bold; letter-spacing:-0.7px;}












/*인터넷뉴스2데모체험팝업*/
.demo_ex {position:fixed; top:35%; left:50%; margin:0 auto; background:#fff;  box-shadow:0px 0px 10px rgba(0,0,0,0.3);transform:translate(-50%,-30%); border:4px solid #119ee6; width:700px; z-index:155; }
.demo_ex::before {position:absolute; left:-1px; top:-1px; content:""; width:0; height:0; border-top:1rem solid #119ee6; border-right:1rem solid transparent; border-bottom:1rem solid transparent; border-left:1rem solid #119ee6;}
.demo_ex::after {position:absolute; right:-1px; bottom:0; content:""; width:0; height:0; border-top:1rem solid transparent; border-right:1rem solid #119ee6; border-bottom:1rem solid #119ee6; border-left:1rem solid transparent;}
.demo_ex h2 {position:relative; font-size:2rem; font-weight:500; letter-spacing:-0.5px; padding-left:1.5rem; margin-top:1rem; line-height:2.4rem;}
.demo_ex h2::before {position:absolute; left:0; content:""; display:inline-block; width:4px; height:2.5rem; background:#119ee6; margin-right:1rem;}
.demo_ex h3 {text-align:center; background:#119ee6; color:#fff; font-size:1.6rem; padding:1rem 0.7rem;}
.demo_ex .bojo {font-size:1.5rem; color:#555; margin:2rem 0; line-height:2rem; background:#f6f6f6; padding:1.5rem;}
.demo_ex p.btn {position:absolute; right:-3px; top:-3px; width:100%; text-align:right;}
.demo_ex p.btn button {background:#119ee6; color:#fff; font-size:13px; padding:.5rem 1rem; text-align:right;}
.demo_ex div.btn {width:100%; margin-top:2rem;text-align:center; }
.demo_ex div.btn button {border-radius:3px; padding:1rem; font-size:14px; background:#176dc2;  color:#fff; margin:0 auto;}
.demo_ex em {display:none; font-size:13px; margin-bottom:1rem;}
.demo_pc {position:relative;padding:3rem 3rem 2rem 3rem; overflow-x:hidden}
.demo_pc ul {display:flex; flex-wrap:wrap; height:400px; border:1px solid #ddd; padding:1rem; background:#f2f2f2; overflow-y:scroll; }
.demo_pc ul::-webkit-scrollbar {width:4px;}
.demo_pc ul::-webkit-scrollbar-thumb {background-color:#bbb;}
.demo_pc ul::-webkit-scrollbar-track {background-color:#f2f2f2}
.demo_pc ul::after {content:""; display:block; clear:both;}
.demo_pc ul li {float:left; width:32%; margin-right:2%; text-align:center; font-size:1.6rem; margin-bottom:2rem; border:1px solid #aaa; box-sizing:border-box; background:#fff;}
.demo_pc ul li:nth-of-type(3n) {margin-right:0;}
.demo_pc ul li:nth-of-type(n+4) {margin-bottom:0}
.demo_pc ul li:hover {border:1px solid #119ee6; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
.demo_pc ul li dl {}
.demo_pc ul li dl dt {}
.demo_pc ul li:hover dd {border-color:#119ee6; color:#0a3d7e;}
.demo_pc ul li dl dd {font-size:14px; color:#444; margin-top:1rem; padding:1rem; border-top:1px solid #aaa; font-weight:500;}



/*홈페이지 구축신청*/
.s_appli {}
.s_appli .name_server {float:left; width:50%; margin-right:5%;}
.s_appli .name_server h4 {font-size:1.7rem; font-weight:700; margin-bottom:1rem;}
.s_appli .name_server table {width:100%;}
.s_appli .name_server table th {background:#6790c8; color:#fff; font-size:1.4rem; text-align:center;}
.s_appli .name_server table td { font-size:1.4rem; color:#555;}
.s_appli .hosting_list {position:relative; float:left; width:45%; }
.s_appli .hosting_list table {width:100%;}
.s_appli .hosting_list table th {color:#fff;text-align:center;  padding:1rem; font-size:1.5rem;}
.s_appli .hosting_list table th:nth-child(1) {background:#0091af; }
.s_appli .hosting_list table th:nth-child(2) {background:#1b6e96;}
.s_appli .hosting_list table td {font-size:1.4rem; padding:1rem;}
.s_appli .hosting_list .bubble {position:absolute; left:35%; top:-35px; background:#fff; border-radius:10px; border:2px solid #119ee7; text-align:center; font-size:13px; padding:.5rem 1rem; letter-spacing:-1px; animation: motion 1.5s linear 0s infinite alternate;}
.s_appli .hosting_list .bubble::before {position:absolute; bottom:-10px; content:""; display:inline-block; clear:both; width:0; height:0; border-bottom:5px solid transparent; border-top:5px solid #fff; border-left:5px solid #fff; border-right:5px solid transparent;}
.s_appli .hosting_list .bubble b {font-weight:700; color:#119ee7;}
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 5px;}
}
.s_appli .free_hosting_info {margin-bottom:2rem;}
.s_appli .free_hosting_info dl {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; border:1px solid #ddd; margin-top:-1px; padding:0rem 1rem}
.s_appli .free_hosting_info dl dt {float:left; font-weight:500; width:11rem; border-right:1px solid #ddd; margin:1rem 0;}
.s_appli .free_hosting_info dl dt br {display:none;}
.s_appli .free_hosting_info dl dd {float:left;padding:1rem 1rem 1rem 1.5rem; width:calc(100% - 11rem);}
.s_appli .free_hosting_info dl dd input {}
.s_appli .out_hositng dl {display:flex; align-items:center; flex-wrap:wrap;float:left; width:33.3%; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; padding:1rem;}
.s_appli .out_hositng dl dt {float:left; width:10rem; font-weight:500;}
.s_appli .out_hositng dl dd {float:left; width:calc(100% - 10rem); }
.s_appli .out_hositng dl dd input {width:100%;}
.s_appli .out_hositng p {float:left; width:100%;}
.s_appli .font th ul {background:#fff; border:1px solid #ddd; padding:.5rem 1rem; margin-top:1rem;}
.s_appli .font th ul li {}
.s_appli .font td ul {display:flex; flex-wrap:wrap;}
.s_appli .font td ul li {margin:1rem 4rem 1rem 0;}
.s_appli .font td ul li span {display:inline-block; font-size:13px; border:1px solid #d2d2d2; background:#e6e6e6; padding:3px 3px; margin-right:1rem; letter-spacing:-0.5px;}
.s_appli .font td ul li label {display:flex; align-items:center;}
.s_appli .font td ul li img {max-width:120px; background:#000;}
.s_appli .pro_location td {border:none; padding:0.5rem;}
.s_appli .pro_location td.logo_location {background:#ededed; font-size:1.8rem; font-weight:700; text-align:center;}
.s_appli ul.radio_list li {margin-bottom:10px; line-height:2.8rem;}
.s_appli ul.radio_list li:last-child {margin-bottom:0;}
.s_appli .table1 .evo-cp-wrap {position:relative;}
.s_appli .table1 em.dc {background:#1598dc; border-radius:20px; color:#fff; font-size:13px; padding:2px 1rem; margin-right:1rem; letter-spacing:-0.2px}
/*.s_appli .table1 .evo-cp-wrap input.colorPicker {border:1px solid #ddd; border-radius:3px; padding:1rem; font-size:14px; color:#333; width:40%; background:#fafafa; margin:0.5rem 0;}*/

.s_appli .table1 .evo-pop {width:100%;}
.s_appli .table1 .evo-palette th {border:0; padding:5px 3px; text-align:left; }
.s_appli .table1 .evo-palette td {border:1px solid #c0c0c0; padding:7px; font-size:1px;}
.s_appli .table1 th button {display:block; background:#fff; border-radius:3px; margin-top:10px; font-size:13px; padding:5px 7px; background:#2969B0 ; color:#fff;}
.s_appli .table1 th button br {display:none;}


/*홈페이지 결제*/
.s_pay .table1 em.dc {background:#1598dc; border-radius:20px; color:#fff; font-size:13px; padding:2px 1rem; margin-left:1rem; letter-spacing:-0.2px; display:inline-block; margin:5px;}
.pay_complet .table1 em.dc {background:#1598dc; border-radius:20px; color:#fff; font-size:13px; padding:2px 1rem; margin-left:1rem; letter-spacing:-0.2px; display:inline-block; margin:5px;}


/*부가서비스*/
.addition .quick_list {}
.addition .quick_list {display:none; justify-content:space-around; margin:2rem 0 0 0; padding:0 2rem; overflow:hidden;}
.addition .quick_list li {float:left; width:15%; border:1px solid #d5d5d5;  letter-spacing:-0.5px; margin:.5rem; text-align:center;}
.addition .quick_list li a {display:block; font-size:1.6rem; color:#444; padding:1.3rem .5rem;}
.addition .quick_list li.on {border:2px solid #176dc2;}
.addition .quick_list li.on a {font-weight:500; color:#176dc2;}
.addition .addition_bg {width:100%; background:#f6f8fb; padding:3rem 10px;}
.addition .addition_bg .box {background:#fff; border:1px solid #ddd; width:1260px; margin:3rem auto; padding:4rem;}
.addition .addition_bg .box:first-child {margin-top:0}
.addition .addition_bg .box .bojo {font-size:1.5rem; color:#555555; letter-spacing:-0.3px; margin:1.5rem 0; line-height:2.5rem;}

/*전자지불서비스*/
.elec_pay .pay_list {display:flex; margin-top:2rem; overflow:hidden;}
.elec_pay .pay_list>li {position:relative; float:left; width:49%; background:#fff; padding:2rem; border:1px solid #ddd; border-radius:2px;}
.elec_pay .pay_list>li::before {position:absolute; top:0; left:0; content:""; display:block; width:0; height:0; border-top:3rem solid #57ad99; border-right:3rem solid transparent;}
.elec_pay .pay_list>li:nth-child(2) {margin-left:2%;}
.elec_pay .pay_list>li>p:nth-of-type(1) {display:flex; align-items:center; justify-content:center; width:100%; text-align:center; height:12rem;}
.elec_pay .pay_list>li>p:nth-of-type(2) {font-size:13px; letter-spacing:-0.5px; margin-top:1.5rem; line-height:18px;}
.elec_pay .pay_list .pg_btn {width:100%; margin:2rem 0;}
.elec_pay .pay_list .pg_btn::after {content:""; display:block; clear:both;}
.elec_pay .pay_list .pg_btn>li {position:relative; float:left; width:49%; margin-right:2%;}
.elec_pay .pay_list .pg_btn>li:last-child {margin-right:0;}
.elec_pay .pay_list .pg_btn>li button {width:100%; font-weight:700; font-size:1.5rem; border-radius:3px; letter-spacing:-0.5px; padding:.8rem .7rem;}
.elec_pay .pay_list .pg_btn>li:first-child button {border:1px solid #57ad99; background:#63c7af; color:#fff;}
.elec_pay .pay_list .pg_btn>li:last-child button {border:1px solid #999; background:#fff; color:#666; }
.elec_pay .pay_list .pg_btn>li:first-child:hover button {background:#3db695; transition:all 0.3s ease;}
.elec_pay .pay_list .pg_btn>li:last-child:hover button {background:#929da5; color:#fff; transition:all 0.3s ease;}
/*.elec_pay .pay_list .pg_btn>li:last-child:hover .contract_down {display:block;}*/
.elec_pay .pay_list .pg_btn .contract_down {display:none;position:absolute; width:100%; border:1px solid #ddd;}
.elec_pay .pay_list .pg_btn .contract_down li {background:#f9f9f9; box-shadow:0px 8px 16px 0px rgb(0 0 0 / 20%); text-align:center; border-bottom:1px dashed #ddd;}
.elec_pay .pay_list .pg_btn .contract_down li a {display:block; font-size:1.5rem; color:#4169e1; padding:1rem; }
.elec_pay .pay_list .pg_btn .contract_down li:hover {background:#e1e1e1;}
.elec_pay .pay_list div {background:#fafafa; border:1px solid #dee3eb; padding:1rem 2rem 1rem 2rem;}
.elec_pay .pay_list div p {font-size:1.8rem; color:#222; font-weight:500; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:1rem; margin-bottom:1rem;}
.elec_pay .pay_list div p span {background:#f24443; color:#fff; border-radius:2px; font-size:13px; font-weight:400; padding:.1rem .4rem; margin-left:1rem;}
.elec_pay .pay_list div dl {width:100%; overflow:hidden; padding:.1rem; margin:5px 0;}
.elec_pay .pay_list div dl dt {float:left; font-size:1.5rem; width:6rem; color:#555;}
.elec_pay .pay_list div dl dd {float:left; font-size:1.5rem; color:#0084b4; width:calc(100% - 6rem);}
.elec_pay .direction {display:flex; align-items:center; position:relative; border:1px dashed #ddd; padding:1.5rem; margin:4rem 0; }
.elec_pay .direction::before {position:absolute; left:50%; bottom:-2.8rem; transform:translate(-50%,0px); content:""; display:block; clear:both; width:23px; height:16px; background:url("../images/sub/arrow.png") left center no-repeat;}
.elec_pay .direction::after {content:""; display:block; clear:both;}
.elec_pay .direction:nth-of-type(1) {margin-top:2rem;}
.elec_pay .direction:last-child {margin-bottom:0;}
.elec_pay .direction:last-child::before {display:none;}
.elec_pay .direction dt {float:left; width:4rem; height:4rem; font-size:2rem; font-weight:500; color:#fff; background:#0084b4; border-radius:50px; text-align:center; line-height:4rem; margin-right:1.5rem;}
.elec_pay .direction dd {float:left; font-size:1.7rem; color:#555; width:calc(100% - 5.5rem); line-height:2rem;}
.elec_pay .direction dd span {display:block; margin-top:7px; color:#0084b4; font-size:1.5rem;}


/*보도자료서비스*/
.report table {margin-top:3rem;}
.report table thead th {height:5rem; line-height:5rem; text-align:center; font-size:1.8rem; font-family:'NanumSquareB'; color:#fff;}
.report table thead th:nth-child(1) {background-color:#333;}
.report table thead th:nth-child(2) {background-color:#4667aa;}
.report table thead th:nth-child(3) {background-color:#e82952;}
.report table tbody th {padding:10px; font-size:1.8rem; font-family:'NanumSquareB'; color:#333; border-bottom:1px solid #e5e5e5; background:#f4f9ff;}
.report table tbody td {padding:10px; font-size:1.8rem; font-family:'NanumSquare';text-align:center;border-bottom:1px solid #e5e5e5; line-height:1.8em;}
.report table tbody .br1 {border-right:1px solid #e5e5e5;}
.report table tbody strong {font-size:2rem; font-family:'NanumSquareB'; letter-spacing:-0.5px;}
.report table tbody b {color:#0171c5; font-family:'NanumSquareB'; }
.report table tbody .col_red {color:#e82952}
.report table tbody .col_black {color:#333; font-weight:bold;}
.report table tbody small {display:block; background:#f8f8f8; line-height:1.3em; padding:10px 5px; font-size:13px;}
.report table tbody .bbnone {border-bottom:none;}
.report table tbody .underline {border-bottom-color:#aaa}
.report table tbody a.link:hover {text-decoration:underline !important;}
.report table tbody a.link {color:#0ab6f4;}
.report table ul {width:100%}
.report table ul li {width:100%; border-bottom:1px dashed #e5e5e5;  margin:10px 0;}
.report table ul li:last-child {border-bottom:0;}
.report table .btn1 {display:inline-block; background:#4667aa; color:#fff; border-radius:5px; padding:1px 15px; font-size:14px; text-align:center;}
.report table .btn2 {display:inline-block; background:#7aaa3c; color:#fff; border-radius:5px; padding:1px 15px; font-size:14px; text-align:center; border-bottom:2px solid #5c802e; }
.report table.table_in {width:100%;}
.report table.table_in tbody .col_black {font-family:'Nanum Gothic Bold'}
.report table.table_in tbody th {font-size:15px; padding:0; color:#fff;}
.report table.table_in tbody th:nth-child(1) {background:#d22338}
.report table.table_in tbody th:nth-child(2) {background:#a91313}
.report table.table_in tbody td {font-family:'Nanum Gothic'; text-align:left; font-size:14px; line-height:1.5em; }
.report table.table_in tbody .br1 {border-color:#eee}
.report table.table_in tbody td em {position:relative; display:inline-block; background:#e82952; width:15px; height:15px; border-radius:50px; color:#fff; vertical-align:middle; text-align:center; margin-right:5px;}
.report table.table_in tbody td em i {position:absolute; top:3px; left:3px; margin:0; font-size:8px;}

/*보도자료서비스
.report .sub_title .tr {width:80%; margin:2rem auto; border:1px solid #dee3eb; padding:1.5rem; overflow:hidden; }
.report .sub_title .tr li {float:left; width:32%; background:#f4f9ff; font-size:14px; color:#555; padding:0.7rem;}
.report .sub_title .tr li:nth-child(2) {margin:0 2%;}
.report .sub_title .tr li i {margin-right:0.5rem;}
.report .sub_title .down {display:flex; justify-content:center; margin:0 auto; overflow:hidden;}
.report .sub_title .down li {float:left; margin-right:2%; }
.report .sub_title .down li:last-child {margin-right:0;}
.report .sub_title .down li button {background:#176dc2; color:#fff; font-size:1.5rem; border-radius:5px; letter-spacing:-0.5px; padding:1rem 1.5rem; border-bottom:2px solid #125496; font-weight:500;}
.report .sub_title .down li button:hover {box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2);}
.report .sub_title .down li button i {margin-left:1rem; padding-left:1rem; border-left:1px solid rgba(255,255,255,0.2);}
.report .service_wrap {overflow:hidden;}
.report .service {float:left; width:49%;}
.report .service:nth-of-type(1) {margin-right:2%;}
.report .service dl {border:1px dashed #ddd; padding:1.2rem; margin:1rem 0; overflow:hidden;}
.report .service dl dt:first-child {width:4rem; height:4rem; margin-right:1.5rem; margin-top:0.7rem; color:#fff; border-radius:50px; text-align:center;}
.report .service dl dt {float:left; height:100%; font-size:2.1rem; color:#333; width:calc(100% - 5.5rem); font-weight:500; letter-spacing:-0.5px;}
.report .service dl dt i {font-size:2.5rem; vertical-align:middle; position:relative; top:.3rem;}
.report .service dl dd {float:left; font-size:1.6rem; color:#888; width:calc(100% - 5.5rem); margin-top:.5rem; line-height:2rem;}
.report .service h3 {font-size:2.4rem; color:#fff; text-align:center; font-weight:500; padding:0.8rem 0.5rem;}
.report .service1 h3 {background:#09a8b6;}
.report .service1 dl dt:first-child {background:#09a8b6;}
.report .service2 h3 {background:#e82952;}
.report .service2 dl dt:first-child {background:#e82952;}
.report .assi {font-size:13px; color:#666; background:#f4f9ff; padding:1rem; margin-top:1rem; line-height:1.8rem;}
.report .advantage {display:flex; border:1px solid #ddd; margin-bottom:1.5rem; overflow:hidden;}
.report .advantage:last-child {margin-bottom:0;}
.report .advantage dt {float:left; width:11rem; background:#119ee6; color:#fff; font-size:1.8rem; text-align:center; padding:0.5rem 1rem;}
.report .advantage dd {float:left; width:calc(100% - 11rem); background:#fafafa; font-size:1.6rem; color:#222; padding:0.5rem 0.5rem 0.5rem 1.5rem; line-height:2rem;}
.report .special {display:flex; flex-wrap:wrap; margin-top:2rem; overflow:hidden;}
.report .special dl {float:left; width:49%; margin-right:2%; margin-bottom:2%; padding:2.5rem; border:1px solid #ddd; overflow:hidden;}
.report .special dl:nth-child(n+3) {margin-bottom:0;}
.report .special dl:nth-child(2n) {margin-right:0;}
.report .special dl:nth-child(1) dt {background:#cc4053}
.report .special dl:nth-child(2) dt {background:#424374}
.report .special dl:nth-child(3) dt {background:#0d9edf}
.report .special dl:nth-child(4) dt {background:#24afb2}
.report .special dl dt {float:left; font-size:3rem; font-weight:700; color:#fff; text-align:center; width:5rem; height:5rem; line-height:5rem; margin-right:1.5rem;}
.report .special dl dd {float:left; width:calc(100% - 6.5rem);}
.report .special dl dd ul li {color:#888; font-size:1.4rem; line-height:2rem;}
.report .special dl dd p {font-size:1.9rem; color:#333; font-weight:500; margin-bottom:1rem; line-height:2.5rem;}
*/

/*본인인증서비스*/
.certify .certify_wrap {display:flex; margin-top:2rem; overflow:hidden;}
.certify .certify_wrap div {float:left; width:49%; margin-right:2%; border:1px solid #ddd; padding:2rem; }
.certify .certify_wrap div:last-child {margin-right:0;}
.certify .certify_wrap dl {border-bottom:1px solid #ddd; padding-bottom:2rem; margin-bottom:2rem; overflow:hidden;}
.certify .certify_wrap dl dt {float:left; color:#fff; font-size:1.5rem; width:5.6rem; height:5.6rem; margin-right:1.4rem;  text-align:center; padding:.5rem;}
.certify .certify_wrap dl dt i {font-size:3.5rem; color:#fff; text-align:center;}
.certify .certify_wrap dl dd {float:left; width:calc(100% - 7rem); color:#888; font-size:1.5rem; line-height:2rem;}
.certify .certify_wrap dl dd p {font-size:2rem; font-weight:500; margin-bottom:1.5rem; color:#333;}
.certify .certify_wrap .ipin dt {background:#d9544f;}
.certify .certify_wrap .phone dt {background:#2c3e50;}
.certify .certify_wrap ul {display:flex; align-items:center; justify-content:space-between; overflow:hidden;}
.certify .certify_wrap ul li {font-size:2rem; color:#444; font-weight:500;}
.certify .certify_wrap ul li:first-child {float:left;}
.certify .certify_wrap ul li:last-child {float:right;}
.certify .certify_wrap ul li button {color:#fff; padding:1rem; background:#7aaa3c; letter-spacing:-0.5px; border-bottom:2px solid #5c802e; border-radius:5px; font-weight:500; font-size:1.5rem;}
.certify .certify_wrap ul li button i {padding-left:1rem; margin-left:1rem; border-left:1px solid #fff;}
.certify .order {display:flex; flex-wrap:wrap; margin-top:2rem;}
.certify .order::after {content:""; display:block; clear:both;}
.certify .order li {position:relative; float:left; width:17.6%; background:#bfd9fe; margin-left:3%;}
.certify .order li::before {position:absolute; top:0; left:-2rem; content:"";border-top:4.5rem solid transparent; border-bottom:4.5rem solid #bfd9fe; border-left:2rem solid transparent;  border-top:4.5rem solid #bfd9fe; padding-right:1rem; }
.certify .order li::after {position:absolute; top:0; right:-2rem; content:""; border-top:4.5rem solid transparent; border-bottom:4.5rem solid transparent; border-left:2rem solid #bfd9fe; }
.certify .order li div {text-align:center; height:9rem; padding:1rem;}
.certify .order li div p:nth-child(1) {font-size:3.5rem; text-align:center;}
.certify .order li div p:nth-child(2) {font-size:1.5rem; margin-top:1rem;font-weight:500;}
.certify .order li:first-child {margin-left:0;}
.certify .order li:first-child::before {display:none;}
.certify .order li:last-child::after {display:none;}
.certify .turn {margin-top:2rem;}
.certify .turn li {border-top:1px dashed #ddd; font-size:1.7rem; padding:1.5rem; line-height:2.6rem}
.certify .turn li span {display:inline-block; font-weight:500; background:#036; color:#fff; border-radius:50px; font-size:1.6rem; margin-right:1rem; width:3rem; height:3rem; line-height:3rem; text-align:center;}
.certify .turn li b {font-weight:500; color:#036;}
.certify .use {margin-top:1rem;overflow:hidden;}
.certify .use li {position:relative; float:left; width:22%; margin-right:4%; padding:2rem; border:1px solid #ddd;}
.certify .use li:last-child {margin-right:0;}
.certify .use li p:nth-child(1) {font-size:1.6rem; color:#fff; font-weight:500; background:#475577; text-align:center;padding:12px 1rem; margin-bottom:1rem;}
.certify .use li p:nth-child(2) {border:1px solid #ddd;}
.certify .use li p:nth-child(2) img {width:100%;}
.certify .use li::after {position:absolute; top:48%; right:-15%; content:""; display:inline-block; background:url("../images/sub/arrow.png") center center no-repeat; width:23px; height:16px; transform:rotate(-90deg);}
.certify .process {display:flex; flex-wrap:wrap; margin-top:2rem; overflow:hidden;}
.certify .process dl {position:relative; display:flex; flex-wrap:wrap; align-items:center; float:left; width:17.6%; margin-left:3%; background:#0084b4; padding:1.5rem; border-radius:7px;}
.certify .process dl::after {position:absolute; top:48%; right:-15%; content:""; display:inline-block; background:url("../images/sub/arrow.png") center center no-repeat; width:23px; height:16px; transform:rotate(-90deg);}
.certify .process dl dt {float:left; width:100%; text-align:center;}
.certify .process dl dd {float:left; width:100%; color:#fff; font-size:1.7rem; text-align:center; margin-top:1.5rem;}
.certify .process dl:nth-child(1) {margin-left:0;}
.certify .process dl:nth-child(2n) {border:1px dashed #ddd; background:#fff;}
.certify .process dl:nth-child(2n) dt span {display:inline-block; width:4rem; height:4rem; background:#2c3e50; color:#fff; font-size:1.8rem; text-align:center; border-radius:50px; line-height:4rem;}
.certify .process dl:nth-child(2n) dd {color:#555555; }
.certify .process dl:last-child {display:flex; align-items:center; justify-content:center;width:100%;margin-left:0; margin-top:3rem;}
.certify .process dl:last-child dt {width:auto;}
.certify .process dl:last-child dd {width:auto; margin-left:1rem; margin-top:0;}
.certify .process dl:last-child::after {top:-35%; right:8%; transform:rotate(0deg);}
.certify .process dl:last-child::before {position:absolute; content:""; display:inline-block;   width:23px; height:16px; background:url("../images/sub/arrow.png") center center no-repeat; top:-35%; left:8%; transform:rotate(180deg);}


/*웹호스팅*/
.hosting .wrap1260 img {}
.hosting .hosting_list { margin-top:4rem;}
.hosting .hosting_list::after {content:""; display:block; clear:both;}
.hosting .hosting_list li {float:left; width:23.875%; border-radius:5px; border:1px solid #ddd; margin-right:1.5%}
.hosting .hosting_list li:nth-child(4) {margin-right:0;}
.hosting .hosting_list li h3 {position:relative; font-size:2.4rem; font-weight:500; color:#fff; text-align:center;padding:15px 1rem; border-radius:5px 5px 0 0;}
.hosting .hosting_list li h3 span {position:absolute; top:-25px; right:0; font-size:13px; color:#fff; background:#ea3524; padding:5px 7px; line-height:18px; box-shadow:-5px 5px 10px rgba(0,0,0,0.2);}
.hosting .hosting_list li h3 span::after {position:absolute; bottom:-10px; left:10px; content:""; display:inline-block; width:0; height:0; border-top:5px solid #ea3524; border-left:5px solid #ea3524; border-right:5px solid transparent; border-bottom:5px solid transparent;}
.hosting .hosting_list li:nth-child(2) {/*border:4px solid #f94039;*/ border:4px solid #1c45a3; border-radius:10px; box-sizing:border-box;}
.hosting .hosting_list li:nth-child(1) h3 {background:#19b5fe;}
.hosting .hosting_list li:nth-child(2) h3 {background:#2969b0;}
.hosting .hosting_list li:nth-child(3) h3 {background:#28324e;}
.hosting .hosting_list li:nth-child(4) h3 {background:#c41f0e;}
.hosting .hosting_list li p {background:#f4f9ff; font-size:14px; text-align:center; padding:1.3rem 1rem; color:#444;}
.hosting .hosting_list li table:nth-of-type(1) {width:100%; border:1px solid #0ab6f4;}
.hosting .hosting_list li table:nth-of-type(1) th {color:#0ab6f4; font-size:14px; text-align:center; padding:8px;}
.hosting .hosting_list li table:nth-of-type(1) td {color:#0ab6f4; font-weight:500; font-size:14px; text-align:center;padding:.8rem;}
.hosting .hosting_list li table:nth-of-type(2) {width:100%;}
.hosting .hosting_list li table:nth-of-type(2) td {font-size:14px; text-align:center; color:#555; background:linear-gradient(to top, rgba(0,0,0,.03), rgba(252,252,252,1)); padding:14px 1px 14px 8px; border-bottom:1px dashed #ddd;}
.hosting .hosting_list li table:nth-of-type(2) td b {font-size:14px; font-weight:500;}
.hosting .hosting_list li table:nth-of-type(2) td em {text-decoration:line-through; color:#888;}
.hosting .hosting_list li table:nth-of-type(2) td span {display:inline-block; padding:2px 2px;color:#fff; font-size:13px; background:#ea3524; text-align:center; margin-right:1rem;}
.hosting .hosting_list li table:nth-of-type(2) td:last-child {text-align:left;}
.hosting .hosting_list li button {display:flex; justify-content:center; text-align:center; margin:2rem auto; background:linear-gradient(to top, #ffb932 5%, #ffec64 100%); box-shadow:0px 1px 0px 0px #fff6af; border:1px solid #ffaa22; border-radius:4px; color:#333; font-size:1.6rem; padding:.8rem 3.5rem; text-shadow:0px 1px 0px #ffee66; font-weight:700;}
.hosting .hosting_list li button:hover {background:linear-gradient(to bottom, #ffb932 5%, #ffec64 100%);}
.hosting .assi {border:1px solid #ddd; padding:1rem;}
.hosting .bojo span {color:#2969B0;}
.hosting .order {border:1px solid #ddd; padding:3rem 1rem 2rem 1rem; margin-top:2rem;overflow:hidden;}
.hosting .order li {float:left; width:30%; color:#15bdf5; font-size:1.6rem; text-align:center;}
.hosting .order li:nth-child(2n) {width:5%; color:#2969B0;}
.hosting .order li:nth-child(2n)::before {content:"←"; font-size:3rem;}
.hosting .order li:nth-child(2n)::after {content:"→"; font-size:3rem;}
.hosting .order li p.MAT10 {font-weight:500;}
.hosting .center {display:flex; overflow:hidden; margin-top:2rem;}
.hosting .center div {width:40%}
.hosting .center table {float:left; width:60%;}
.hosting .center table td.col_blue span {color:#2969B0;}
.hosting .hosting_info {display:flex; flex-direction:column; justify-content:space-between; float:left;  border:1px solid #ddd; padding:1.5rem 2rem 0 2rem;}
.hosting .hosting_info p {font-size:1.5rem; color:#555; font-weight:500; margin-top:.8rem; background:url("../images/main/customer_center.png") left center no-repeat; padding:0rem 0rem 0rem 8rem;}
.hosting .hosting_info p span {display:inline-block; margin-bottom:1rem; font-size:4.7rem; font-weight:700; color:#139de6; letter-spacing:-1px;}
.hosting .hosting_info a {display:block; width:100%; text-align:center; font-size:14px; color:#777; border-top:1px solid #ddd; padding:1rem;}
.hosting .hosting_info a:hover {text-decoration:underline;}

/*호스팅결제*/
.hosting_pay .hosting_box {border:1px solid #ddd; padding:2rem; margin-top:2rem; background:#f9f9f9;}
.hosting_pay .hosting_box::after {content:""; display:block; clear:both;}
.hosting_pay .hosting_box table {float:left; width:23.5%; margin-right:2%}
.hosting_pay .hosting_box table:nth-child(4) {margin-right:0%;}
.hosting_pay .hosting_box table th {color:#fff;text-align:center;  padding:1rem; font-size:1.5rem;}
.hosting_pay .hosting_box table:nth-child(1) th {background:#19B4FC; }
.hosting_pay .hosting_box table:nth-child(2) th {background:#0091af;}
.hosting_pay .hosting_box table:nth-child(3) th {background:#1b6e96;}
.hosting_pay .hosting_box table:nth-child(4) th {background:#c41f0e;}
.hosting_pay .hosting_box table td {font-size:1.4rem; padding:1rem; border:1px solid #ddd; color:#555; background:#fff;}
.hosting_pay .hosting_box table.on {border:2px solid #1598dc;}
.hosting_pay table th i.axi-help2 {display:none; color:#1598dc; font-size:2rem; margin-left:.5rem; vertical-align:bottom;}
.hosting_pay table th a {display:inline-block; vertical-align:bottom;}


/*SMS서비스*/
.sms .table4 {margin-top:2rem;}
.sms .table4 button {background:linear-gradient(to top, #ffb932 5%, #ffec64 100%); box-shadow:0px 1px 0px 0px #fff6af; font-weight:700; text-shadow:0px 1px 0px #ffee66; color:#333; padding:.5rem 2.5rem; border-radius:4px; border:1px solid #ffaa22; font-size:1.6rem;}
.sms .table4 button:hover {background:linear-gradient(to bottom, #ffb932 5%, #ffec64 100%); }
.sms .table2 {margin-top:2rem;}
.sms .table2 th {border-bottom:1px solid #d3d7df;}
.sms .table2 td {text-align:left; line-height:2rem;}
.sms .table2 td b {color:#234cc0; font-weight:500}
.sms .table2 td a {color:#109f97; text-decoration:underline; }

/*ssl 보안인증서*/
.ssl .sub_title button {margin-top:2rem; color:#fff; padding:1rem 1.5rem 1rem 2rem; background:#176dc2; letter-spacing:-0.5px; border-bottom:2px solid #125496; border-radius:6px; font-weight:500; font-size:1.5rem; font-weight:700;}
.ssl .sub_title button:hover {box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2);}
.ssl .ssl_wrap {display:flex; align-items:center; margin-top:2rem; overflow:hidden;}
.ssl .what_ssl {float:left; width:23%; margin-right:3%;}
.ssl .what_ssl li {position:relative; width:100%; margin-bottom:1rem; font-size:1.5rem; color:#ffffff; text-align:center; padding:0.5em; border-radius:5px;}
.ssl .what_ssl li::after {position:absolute; bottom:-9px; left:50%; content:""; display:block;  transform:translate(-50%,0); background:url("../images/sub/arrow.png") center center no-repeat; background-size:cover;  width:10px; height:7px;}
.ssl .what_ssl li:nth-child(1) {background:#49b7c8;}
.ssl .what_ssl li:nth-child(2) {background:#0091b0;}
.ssl .what_ssl li:nth-child(3) {background:#1b6e96; margin-bottom:0;}
.ssl .what_ssl li:nth-child(3)::after {display:none;}
.ssl .table1 {margin-top:2rem;} 
.ssl .table1 th {text-align:center; font-weight:500;} 
.ssl .table1 td {text-align:center; font-weight:500;} 
.ssl .ssl_wrap p {float:left; width:74%; font-size:1.6rem; color:#555555; letter-spacing:-0.5px; line-height:2.7rem;}
.ssl .role {display:flex; flex-wrap:wrap; margin-top:2rem; overflow:hidden;}
.ssl .role dl {float:left; width:49%; margin-right:2%; margin-bottom:2%; padding:2.5rem; border:1px solid #ddd; overflow:hidden;}
.ssl .role dl:nth-child(n+3) {margin-bottom:0;}
.ssl .role dl:nth-child(2n) {margin-right:0;}
.ssl .role dl:nth-child(1) dt {background:#cc4053}
.ssl .role dl:nth-child(2) dt {background:#424374}
.ssl .role dl:nth-child(3) dt {background:#0d9edf}
.ssl .role dl:nth-child(4) dt {background:#24afb2}
.ssl .role dl dt {float:left; font-size:3rem; font-weight:700; color:#fff; text-align:center; width:5rem; height:5rem; line-height:5rem; margin-right:1.5rem;}
.ssl .role dl dd {float:left; width:calc(100% - 6.5rem);}
.ssl .role dl dd ul li {color:#888; font-size:14px; line-height:20px;}
.ssl .role dl dd p {font-size:1.9rem; color:#333; font-weight:500; margin-bottom:1rem; line-height:2.5rem;}
.ssl .role dl dd p span {font-size:13px; color:#888888;}
.ssl .table4 {margin-top:2rem;}
.ssl .table4 button { color:#fff; padding:1rem 1.5rem 1rem 2rem; background:#176dc2; letter-spacing:-0.5px; border-bottom:2px solid #125496; border-radius:6px; font-weight:500; font-size:1.5rem; font-weight:700;}
.ssl .table4 button:hover {box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2);}


/*신규제작상담*/
.consult {margin-bottom:5rem;}
.consult .sub_title div {display:flex; justify-content:space-between; align-items:center; margin-top:2rem;}
.consult .sub_title div b {width:20%;}
.consult .sub_title div ul {margin:0 auto; width:60%; overflow:hidden; }
.consult .sub_title div ul li {float:left; width:25%;}
.consult .sub_title div ul li:last-child a{border-right:1px solid #d5d5d5;}
.consult .sub_title div ul li a {display:block; font-size:1.6rem; color:#777777; text-align:center;  background:#fff; border:1px solid #d5d5d5; border-right:0; padding:1.3rem 1rem;}
.consult .sub_title div ul li a:hover {border:1px solid #176dc2; color:#176dc2; }
.consult .sub_title div ul li.on a {background:linear-gradient(0deg, rgba(26,108,194,1) 0%, rgba(20,106,241,1) 100%); color:#fff;  border:1px solid #176dc2;}
.consult .sub_title div p {width:20%;}
.consult .sub_title div p button {float:right; border-radius:3px; background:#258ffb; color:#fff; font-size:1.6rem; padding:.7rem 1rem; font-weight:700;}
.consult .sub_title div p button i {margin-right:.5rem; }
.consult>p {margin-top:2rem;overflow:hidden;}
.consult>p button {float:right; border-radius:3px; background:#258ffb; color:#fff; font-size:1.6rem; padding:.7rem 1rem; font-weight:700;}
.consult>p button i {margin-right:.5rem; }
.consult .table5 tr th:nth-child(1) {width:7%;}
.consult .table5 tr th:nth-child(2) {width:auto}
.consult .table5 tr th:nth-child(3) {width:8rem;}
.consult .table5 tr th:nth-child(4) {width:10%}
.consult .table5 tr th:nth-child(5) {width:10rem;}
.consult .table5 tr td img {margin-right:5px}


/*홈페이지 혜택*/
.benefit.addition .addition_bg .box {padding:3rem 4rem 4rem 4rem}
.benefit .box {display:flex; align-items:center; overflow:hidden;}
.benefit .left_wrap {position:relative; float:left; width:10%; margin-right:5%; background:url("../images/sub/flag_deco.png") center center no-repeat; height:82px; min-width:109px; background-size:contain;}
.benefit .left_wrap p {position:absolute; top:0rem; font-size:4.8rem; width:100%; color:#ff8a0d; font-weight:700; text-align:center;}
.benefit .right_wrap {float:left;  width:85%;}
.benefit .right_wrap h3 {margin-bottom:2.5rem;}
.benefit .right_wrap h3 em {display:none; font-size:2rem; color:#fff; background:#3372d7; border-radius:50px; font-weight:500; width:3rem; height:3rem; margin-right:.7rem; text-align:center; line-height:3rem;}
.benefit .right_wrap h3 span {position:relative;  left:0; font-size:2.6rem; color:#222222; font-weight:500; }
.benefit .right_wrap h3 span::after {position:absolute; content:""; display:block; width:100%; height:2px; background:#616161; margin-top:1rem;}
.benefit .right_wrap h3 b {position:relative; font-size:3rem; color:#3372d7; font-weight:700;}
.benefit .right_wrap h3 b::after {position:absolute; left:0; content:""; display:block; width:100%; height:2px; background:#6a92df; margin-top:1rem;}
.benefit .right_wrap p {font-size:1.7rem; color:#555555; line-height:2.2rem;}
.benefit .right_wrap p b {font-weight:500;}
.benefit .right_wrap button {background:-webkit-linear-gradient(top, #52a8e8, #2e76cf); color:#fff; border:1px solid #4081af; border-bottom-color:#20559a; text-shadow:0 0px 0 rgb(154 84 32 / 90%); font-size:1.5rem; font-weight:700; padding:0.8rem 2rem; border-radius:3px; margin-top:2rem;}
.benefit .right_wrap button i {margin-left:1rem;}
.benefit .right_wrap button:hover {background:-webkit-linear-gradient(bottom, #52a8e8, #2e76cf);}
.benefit .hosting_table {position:relative; width:100%; margin-top:3rem;}
.benefit .hosting_table::after {content:""; display:block; clear:both;}
.benefit .hosting_table table {float:left; width:23.5%; margin-right:2%;}
.benefit .hosting_table table:nth-of-type(4) {margin-right:0; }
.benefit .hosting_table table:nth-child(1) th {background:#19B4FC;}
.benefit .hosting_table table:nth-child(2) th {background:#0091af;}
.benefit .hosting_table table:nth-child(3) th {background:#1b6e96;}
.benefit .hosting_table table:nth-child(4) th {background:#c41f0e;}
.benefit .hosting_table table th {color:#fff; font-size:1.5rem;padding:1rem; font-weight:500}
.benefit .hosting_table table td {border:1px solid #ddd; font-size:14px; padding:1rem;}
.benefit .hosting_table div {position:absolute; left:45%; top:-30px; background:#fff; border-radius:10px; border:2px solid #0091af; text-align:center; font-size:13px; padding:0.5rem 1rem; letter-spacing:-1px; animation:motion 1.5s linear 0s infinite alternate;}
.benefit .hosting_table div::after {position:absolute; left:10%; bottom:-10px; content:""; display:inline-block; clear:both; width:0; height:0; border-bottom:5px solid transparent; border-top:5px solid #fff; border-left:5px solid #fff; border-right:5px solid transparent;}
.benefit .hosting_table div b {font-weight:500}
.benefit .sale_wrap {display:flex; align-items:center; margin-top:2rem; border:1px solid #ddd; padding:2rem 1.5rem; overflow:hidden;}
.benefit .sale_wrap dl {display:flex; flex-direction:column;  justify-content:space-between; float:left; width:33%; text-align:center;}
.benefit .sale_wrap dl dd {margin-top:1rem;}
.benefit .sale_wrap dl:nth-child(2) dt {display:flex; justify-content:center; align-items:center; padding:10%; background:url("../images/sub/sale_deco.png") center center no-repeat; font-size:3.6rem; color:#ffffff; font-weight:500; margin:0 auto; background-size:contain;}
.benefit .sale_wrap dl:nth-child(2) dd {width:75%; background:url("../images/sub/sale_arrow.png") center center no-repeat; height:20px; margin:2rem auto; background-size:contain;}
.benefit .sale_wrap dl dd {font-size:2rem; color:#333333; font-weight:500;}
.benefit .sale_wrap dl:nth-child(1) dd span {font-size:1.8rem; color:#888; text-decoration:line-through;}
.benefit .sale_wrap dl:nth-child(3) dd span {display:block; color:#f24609;}
.benefit .sale_wrap dl:nth-child(3) dd em {display:inline-block; margin:5px 0; background:#f24609; color:#fff; margin-right:1rem; padding:0 1rem;}
.benefit .sale_wrap dl:nth-child(3) dd br {display:none;}

/*홈페이지 신청방법*/
.buy_guide .procedure {display:flex; flex-wrap:wrap; margin-top:2rem;}
.buy_guide .procedure:last-child::after {content:""; display:block; clear:both;}
.buy_guide .procedure li {position:relative; float:left; width:31%; background:#bfd9fe; margin-left:3%; text-shadow:0px 0px 4px rgba(0,0,0,0.3)}
.buy_guide .procedure li::before {position:absolute; top:0; left:-2rem; content:""; border-bottom:7rem solid #bfd9fe; border-left:2rem solid transparent;  border-top:7rem solid #bfd9fe; padding-right:1rem; }
.buy_guide .procedure li::after {position:absolute; top:0; right:-2rem; content:""; border-top:7rem solid transparent; border-bottom:7rem solid transparent; border-left:2rem solid #bfd9fe; }
.buy_guide .procedure li {padding:2rem; height:14rem; color:#fff;}
.buy_guide .procedure li h4 {font-size:2.2rem; font-weight:500; border-bottom:1px solid #fff; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.buy_guide .procedure li h4 span {display:inline-block; background:rgba(0,0,0,0.5); border-radius:50px; font-size:2rem; width:3rem; height:3rem; text-align:center; margin-right:1rem; line-height:3rem;}
.buy_guide .procedure li p {font-size:1.5rem; line-height:2rem;}
.buy_guide .procedure li:first-child {margin-left:0;}
.buy_guide .procedure li:nth-child(1) {background:#51c9c8;}
.buy_guide .procedure li:nth-child(1)::after {border-color:#51c9c8;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(2) {background:#49b7c8;}
.buy_guide .procedure li:nth-child(2)::after {border-color:#49b7c8;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(2)::before {border-color:#49b7c8; border-left:2rem solid transparent; }
.buy_guide .procedure li:nth-child(3) {background:#20aec4;}
.buy_guide .procedure li:nth-child(3)::after {border-color:#20aec4;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(3)::before {border-color:#20aec4; border-left:2rem solid transparent; }
.buy_guide .procedure li:nth-child(4) {background:#0091b0;}
.buy_guide .procedure li:nth-child(4)::after {border-color:#0091b0;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(4)::before {display:none;}
.buy_guide .procedure li:nth-child(5) {background:#0480a6;}
.buy_guide .procedure li:nth-child(5)::after {border-color:#0480a6;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(5)::before {border-color:#0480a6; border-left:2rem solid transparent; }
.buy_guide .procedure li:nth-child(6) {background:#1b6e96;}
.buy_guide .procedure li:nth-child(6)::after {border-color:#1b6e96;  border-top:7rem solid transparent; border-bottom:7rem solid transparent; }
.buy_guide .procedure li:nth-child(6)::before {border-color:#1b6e96; border-left:2rem solid transparent; }
.buy_guide .procedure li:nth-child(4) {margin-left:0rem;}
.buy_guide .procedure li:first-child::before {display:none;}
.buy_guide .procedure li:nth-child(n+4) {margin-top:1%;}

.buy_guide .issu_check {border:1px solid #ddd; margin-top:2rem;}
.buy_guide .issu_check dl {padding:2rem; border-bottom:1px dashed #ddd; overflow:hidden;}
.buy_guide .issu_check dl:last-child {border-bottom:0;}
.buy_guide .issu_check dl dt {float:left; width:10%; margin-right:2%; background:#3498db; border-radius:50px; max-width:5rem; height:5rem; text-align:center; color:#fff; font-weight:700; font-size:2rem; line-height:5rem;}
.buy_guide .issu_check dl dd {float:left; width:88%;}
.buy_guide .issu_check dl dd h4 {font-size:1.8rem; color:#333; font-weight:500; margin-bottom:1rem;}
.buy_guide .issu_check dl dd h4 i {color:#51baa4; margin-right:.5rem; font-size:1.8rem;}
.buy_guide .issu_check dl dd p {font-size:1.5rem; color:#666; line-height:2rem;}
.buy_guide .issu_check dl dd button {background:#63c7af; border:1px solid #57ad99; border-radius:3px; color:#fff; font-weight:700; padding:.6rem 2rem; font-size:1.6rem; margin-top:1.5rem; letter-spacing:-0.5px;}

/*회사소개*/
.company_info .top_wrap {display:flex; justify-content:space-between; overflow:hidden;}
.company_info .left_wrap {float:left; width:50%; order:1;}
.company_info .left_wrap p:nth-child(1) {position:relative; color:#333333; font-size:2rem; padding-left:3rem; padding-bottom:3rem; border-bottom:1px solid #d6d6d6; margin-bottom:3rem; line-height:3.5rem;}
.company_info .left_wrap p:nth-child(1)::before {position:absolute; left:0; content:""; display:inline-block; width:8px; height:10rem; background:#176dc2;}
.company_info .left_wrap p:nth-child(1) span {color:#176dc2; font-weight:700; font-size:2.8rem;}
.company_info .left_wrap p:nth-child(2) {color:#999999; font-size:2rem; padding-left:3rem; line-height:3rem;}
.company_info .right_wrap {float:right; width:30%; text-align:right;  order:2;}
.company_info .map {margin-top:3rem;}
.company_info .c_info {overflow:hidden;}
.company_info .c_info dl {float:left; margin-right:6%; width:22%; margin-top:2%;}
.company_info .c_info dl:nth-child(3n) {margin-right:0; width:44%;}
.company_info .c_info dl dt {position:relative; font-size:2rem; font-weight:500; color:#333; border-bottom:1px solid #ccc; padding-bottom:1rem;}
.company_info .c_info dl dt b {position:relative;}
.company_info .c_info dl dt b::after{position:absolute; left:0; bottom:-0.8rem; content:""; width:100%; display:block; height:2px; background:#03b4f5; }
.company_info .c_info dl dd {font-size:1.8rem; color:#555; margin-top:1.5rem;}

/*개인정보 취급방침*/
.privacy .top {border:1px solid #ddd; padding:2rem; font-size:1.5rem; background:#f9f9f9; line-height:2.5rem;}
.privacy ol {display:flex; flex-wrap:wrap; overflow:hidden; margin-top:2rem; border-top:2px solid #119ee6;}
.privacy ol li {float:left; width:50%; border:1px solid #ddd; border-top:0;}
.privacy ol li:nth-child(2n) {border-left:0;}
.privacy ol li a {display:block; padding:1rem; font-size:14px; color:#119ee6; }
.privacy ol li a:hover {text-decoration:underline;}
.privacy .sect_wrap {margin-top:4rem; border-top:1px solid #ddd; padding-top:4rem;}
.privacy h2 {}
.privacy h4 {font-size:1.8rem; font-weight:500; margin:1rem 0; background:#f9f9f9; padding:1rem; margin-top:3rem;}
.privacy .step1 {font-size:1.6rem; margin:1.5rem 0; font-weight:500; line-height:2.6rem;}
.privacy .step2 {font-size:14px; color:#555; margin-bottom:1.5rem; line-height:20px;}
.privacy .step3 {font-size:13px; color:#777; margin-bottom:1.5rem; line-height:18px;}

/*라이센스 정책*/
.license ol li {font-size:1.8rem; color:#555; margin:2rem; list-style:decimal; line-height:2.7rem;}
.license ol li:first-child {margin-top:0;}
.license ol li:last-child {margin-bottom:0;}
.license ol li b {font-weight:700; text-decoration:underline; color:#111}

/*이메일 무단수집 거부*/
.no_email p {font-size:1.8rem; color:#555; line-height:2.7rem;}


/*회원정보수정*/
.member_modify .naver {display:inline-block; margin:1rem 0 0.5rem 0; background:#01c743; color:#fff; font-size:1.5rem; padding:0.3rem 1rem;}
.member_modify .naver_li {font-size:14px; color:#1abc9c; line-height:2rem;}
.member_modify .naver_li i {color:#119ee7; margin-right:0.5rem;}
.member_modify .naver_li b {font-weight:500;}


/*게시판보기*/
.board_view {margin-top:3rem;}
.board_view .board_name {display:inline-block; font-size:1.5rem; background:#fff; border:1px solid #d7d7d7; border-radius:50px; padding:0.7rem 1.5rem; color:#999999;}
.board_view h2 {font-size:3rem; color:#222222; font-weight:500; margin:1.7rem 0 2rem 0; line-height:4rem;}
.board_view .view_con {padding:3rem 2rem; font-size:1.6rem; border-bottom:1px solid #888888; line-height:2.5rem;}
.board_view .board_info {padding:1rem 2rem; background:#f3f5f8; border-top:1px solid #888888; overflow:hidden;}
.board_view .board_info li {float:left; font-size:1.5rem; color:#888888;}
.board_view .board_info li::before {content:""; display:inline-block; width:1px; height:1rem; background:#a9a9a9; margin:0 1.5rem;}
.board_view .board_info li:first-child::before {display:none;}
.board_view .a_file_wrap {display:flex; flex-wrap:wrap; align-items:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_view .a_file_wrap > p {width:90px; padding:1rem 2rem; font-weight:500;}
.board_view .a_file {width:calc(100% - 90px)}
.board_view .a_file li {padding:1rem 0; border-bottom:1px dashed #ddd; width:100%; color:#119ee6; }
.board_view .a_file li:hover {text-decoration:underline !important; cursor:pointer;}
.board_view .a_file li:last-child {border-bottom:0}
.board_view .view_link {font-size:13px; color:#888888; padding:2rem 0; }
.board_view .answer {margin-top:1rem; background:url("../images/sub/clause.png") left top repeat; padding:3rem; margin}
.board_view .answer_wrap {background:#fff; padding:2.5rem 3rem 3rem 3rem;}
.board_view .answer_wrap h1 span {color:#1c90fb; margin-right:1rem;}
.board_view .answer_wrap .table5 {margin-top:0}
.board_view .answer_wrap .table5 th {border-radius:0; border-top:1px solid #cfd3de; border-bottom:1px solid #cfd3de}
.board_view .answer_wrap .table5 td {border-top:1px solid #cfd3de}
.board_view .btn_area {margin:3rem 0; overflow:hidden;}
.board_view .btn_area li:first-child {float:left;}
.board_view .btn_area li:first-child button {border-radius:3px; border:1px solid #aaa; padding:0.7rem 1rem; font-weight:700; background:#fff; font-size:1.6rem; color:#444;}
.board_view .btn_area li:last-child {float:right;}
.board_view .btn_area li:last-child button {border-radius:3px; border:1px solid #258ffb; padding:0.7rem 1rem; font-weight:700; background:#258ffb; color:#fff;font-size:1.6rem;}

/*자주하는질문*/
.faq .sub_title dl {display:flex; justify-content:center; width:80%; background:#f3f5f8; border-radius:10px; overflow:hidden; margin:2rem auto 0 auto; padding:1rem; }
.faq .sub_title dt {float:left; min-width:7rem;font-size:1.5rem; color:#333; font-weight:700; line-height:48px; margin-right:2%; text-align:right;}
.faq .sub_title dd {position:relative; float:left; width:55%; }
.faq .sub_title dd input {background:#fff; width:100%;}
.faq .sub_title dd button {position:absolute; right:5px; top:6px; font-size:2.3rem; color:#176dc2; background:#fff;}
.faq .tab {margin-top:2rem; border-bottom:1px solid #2d81d0; overflow:hidden;}
.faq .tab li {float:left;cursor:pointer; color:#666666; font-size:1.6rem; width:16.666%; border:1px solid #dddddd; background:#f3f5f8; text-align:center; padding:1.5rem 0; border-right:0; border-bottom:0;}
.faq .tab li:last-child {border-right:1px solid #ddd;}
.faq .tab li.on {background:#2d81d0; font-weight:500; color:#fff; border:1px solid #2d81d0;}

.faq .listWrap {margin-bottom:5rem; }
.faq .listWrap .qa_li { position:relative; display:block; padding:0; border-bottom:1px solid #cfd3de; cursor:pointer; }
.faq .listWrap .qa_li:first-child { border-top:1px solid #cfd3de; }
.faq .listWrap .qa_li .tit { float:left; width:calc(100% - 10rem); color:#444444; font-size:1.6rem; transition:color 0.3s ease-out; font-weight:500;}
.faq .listWrap .qa_li:hover { background:#f4f9ff;}
.faq .listWrap .qa_li .tit::before {content:"Q"; display:inline-block; width:2.5rem; height:2.5rem; background:#2f9cc0; border-radius:50px; color:#fff; font-size:1.6rem; text-align:center; margin-right:1rem; line-height:2.5rem;}
.faq .qa_li .question {display:flex; align-items:center; position:relative; overflow:hidden;}
.faq .qa_li .question.on {background:#f4f9ff;}
.faq .qa_li .question .iconDiv {float:right; width:3rem; /*position:absolute; right:3rem; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); */font-size:3rem; color:#666;}
.faq .qa_li .question em {float:left; display:block; width:5rem; min-width:5rem; height:100%; text-align:center; background:#f4f9ff; color:#2d81d0; font-size:2rem; padding:2rem 0; margin-right:2rem;}
.faq .qa_li .answer { position:relative; display:none; padding:2rem; font-size:1.6rem; color:#222; background:#fff; border-top:1px solid #cfd3de; }
.faq .qa_li .answer h3 {font-size:1.6rem; font-weight:500; color:#444444; background:#fafafa; border:1px solid #eeeeee; padding:1rem; margin-bottom:1rem;}
.faq .qa_li .answer h3 span {color:#2ec09f;}
.faq .qa_li .answer h3::before {content:"A"; display:inline-block; width:2.5rem; height:2.5rem; background:#2ec09f; border-radius:50px; color:#fff; font-size:1.6rem; text-align:center; margin-right:1rem; line-height:2.5rem;}
.faq .qa_li .answer p {font-size:14px; color:#555555; line-height:25px;}


/*마이페이지 공통*/
.my_sub {overflow:hidden;}
.my_sub .right_wrap {float:left;width:calc(100% - 16rem - 4%);}
.my_sub2 h2 {font-size:2.4rem; font-weight:500; color:#222; border-bottom:0; margin-top:5.5rem;  padding-bottom:2rem;}
.my_sub2 h2:nth-of-type(1) {margin-top:2.5rem; }
.my_sub2 h2 span {font-size:13px; color:#888; margin-left:1.5rem;}
.my_sub2 h2 button {float:right; background:#1184dc; color:#fff; font-size:14px; border-radius:3px; padding:.7rem 1.2rem; text-align:center; letter-spacing:-1px; margin:0rem 0 .5rem 0;}
.my_sub2 .btn_wrap {display:flex; align-items:center; margin-top:2rem; overflow:hidden;}
.my_sub2 .btn_wrap li {float:left; margin:0 .5rem;}
.my_sub2 .btn_wrap li:first-child {margin-left:0;}
.my_sub2 .btn_wrap li:last-child {margin-right:0;}
.my_sub2 .btn_wrap li button {background:#1184dc; border-radius:3px; color:#fff; padding:1rem 1.2rem; font-size:14px; text-align:center; letter-spacing:-1px;}
.my_sub2 .btn_wrap li button i {margin-left:1rem; }
.my_sub2 .s_search {float:right; margin-top:2rem; overflow:hidden;}
.my_sub2 .s_search dt {float:left; width:100px;margin-right:1rem;}
.my_sub2 .s_search dt select {border:1px solid #dddddd; background:#f3f5f8; width:100%; height:40px;}
.my_sub2 .s_search dd {position:relative; float:left; width:180px; }
.my_sub2 .s_search dd input {border:1px solid #dddddd;  background:#f3f5f8; margin:0; width:100%; height:40px;}
.my_sub2 .s_search dd button {position:absolute; right:5px; top:2px;  color:#1184dc; padding:8px 7px;}
.my_sub2 .s_search dd button i {font-size:2rem;}



/*마이페이지홈*/
.mypage .sub h1 {margin-top:2rem;}
.mypage .my_box {display:flex; background:#e3e9f7; padding:1rem; margin-top:2rem; overflow:hidden;}
.mypage .my_box>div { box-shadow:0px 5px 5px rgba(0,0,0,0.05); }
.mypage .my_info {display:flex; float:left;  width:49%; margin-right:2%; border:1px solid #dddddd; background:#fff;overflow:hidden;}
.mypage .my_box h4 {border-bottom:1px solid #dddddd; padding-bottom:1rem; overflow:hidden;}
.mypage .my_box h4 span  {position:relative; font-size:1.7rem; color:#333333; font-weight:500; margin-bottom:1rem;}
.mypage .my_box h4 span::after {position:absolute; left:0; content:""; display:block; width:100%; height:3px; background:#1598dc; }
.mypage .my_box div:nth-of-type(1) h4 span::after {bottom:-0.6rem;}
.mypage .my_box div:nth-of-type(2) h4 span::after {bottom:-0.8rem;}
.mypage .my_box h4:nth-of-type(2) {}
.mypage .my_box h4 b {float:right; color:#167ac6; font-size:13px;}
.mypage .my_box h4 b em {position:relative; display:inline-block; border:1px solid #15bdf5; font-size:12px; padding:.3rem .5rem .2rem .5rem; background:#fff; color:#15bdf5; margin-right:1rem;font-family:"굴림",'Gulim'; letter-spacing:-0.5px;}
.mypage h4 b em::after {position:absolute; right:-1px; top:40%; content:""; display:block; width:0; height:0; border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #15bdf5; border-left:5px solid r#15bdf5ed; transform:rotate(225deg)}
.mypage .my_info .my_info1 {display:flex; flex-direction:column; justify-content:space-between; float:left; width:55%; border-right:1px solid #ddd;}
.mypage .my_info .my_info1 div {padding:1.5rem 2rem 1.8rem 2rem;}
.mypage .my_info .my_info1 p {font-size:1.5rem; margin-top:1.4rem; color:#222222;}
.mypage .my_info .my_info1 ul {overflow:hidden;}
.mypage .my_info .my_info1 ul li {float:left; width:50%; text-align:center; background:#f4f7fd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.mypage .my_info .my_info1 ul li:last-child {border-right:0;}
.mypage .my_info .my_info1 ul li a {display:block; color:#888888; font-size:13px; padding:1.3rem .5rem;}
.mypage .my_info .my_info1 ul li a:hover {text-decoration:underline;}
.mypage .my_info .my_info2 {float:left; width:45%; overflow:hidden;}
.mypage .my_info .my_info2 a {display:block; width:50%;  border-right:1px dashed #ddd; float:left; margin:2rem 0rem; text-align:center; }
.mypage .my_info .my_info2 a:hover {font-weight:500;}
.mypage .my_info .my_info2 a:hover dl dd {border-color:#e1e1e1;}
.mypage .my_info .my_info2 a:last-child {border-right:0;}
.mypage .my_info .my_info2 dl {}
.mypage .my_info .my_info2 dl dt {font-size:1.5rem; color:#555555; line-height:2rem;}
.mypage .my_info .my_info2 dl dt span {font-weight:500;}
.mypage .my_info .my_info2 dl dd {display:inline-block; width:5.2rem; height:5.2rem; line-height:5.2rem; font-weight:700; background:#f4f7fd; border:1px solid #dee1e7; border-radius:50px; margin-top:1rem; color:#1598dc; font-size:1.8rem; }
.mypage .my_quick {float:left; width:49%; background:#fff; border:1px solid #ddd; padding:1.5rem 2rem 1.8rem 2rem;}
.mypage .my_quick ul {margin-top:1rem; overflow:hidden;}
.mypage .my_quick ul li {float:left; color:#555555; width:18.4%; margin:0 1%; position:relative; border:1px solid #dee1e7; border-radius:5px; background:#f4f7fd;  line-height:18px; text-align:center;overflow:hidden;}
.mypage .my_quick ul li a::after {position:absolute; right:0; bottom:0; content:""; display:block;  width:28px; height:28px; background:url("../images/sub/go.png") center center no-repeat;}
.mypage .my_quick ul li:first-child {margin-left:0;}
.mypage .my_quick ul li:last-child {margin-right:0;}
.mypage .my_quick ul li:hover a {text-decoration:underline; }
.mypage .my_quick ul li a {display:block;padding:1.7rem .3rem; font-size:14px; letter-spacing:-0.5px; color:#555;} 
.mypage .my_quick h3 span::after {bottom:-0.8rem}
.mypage .tab {position:relative; top:1px; margin-top:4rem; overflow:hidden; z-index:1;}
.mypage .tab li {float:left; background:#f1f4fa; color:#444; font-size:1.5rem; text-align:center; width:20%; border:1px solid #dddddd; border-right:0; border-bottom:0; padding:1.3rem 0.5rem; cursor:pointer;}
.mypage .tab li:last-child {border-right:1px solid #ddd;}
.mypage .tab li.on {background:#fff; border:1px solid #777; border-bottom:1px solid #fff; font-weight:500;}
.mypage .table_all {position:relative; table-layout:fixed; width:100%; border-top:1px solid #999; border-bottom:1px solid #999;}
.mypage .table_all th {border-bottom:1px solid #dddddd; font-weight:500; color:#666666; font-size:1.5rem; padding:1.5rem .5rem; background:#fff;}
.mypage .table_all td {font-size:1.5rem; color:#666666; text-align:center; padding:1.5rem 0; border-bottom:1px solid #ddd;}
.mypage .table_all td:first-child::before {position:relative; top:-4px; content:""; display:inline-block; width:4px; height:4px; background:#505050; margin-right:1.2rem; }
.mypage .table_all td a:hover {text-decoration:underline;}
.mypage .table_all td a {color:#666;}
.mypage .table_all tr:nth-child(1) th:nth-child(1) {width:auto;}
.mypage .table_all tr:nth-child(1) th:nth-child(2) {width:7rem}
.mypage .table_all tr:nth-child(1) th:nth-child(3) {width:7rem}
.mypage .table_all tr:last-child td {position:absolute; right:0; top:-50px; border-bottom:0; z-index:1;}
.mypage .table_all tr:last-child td a { font-size:13px; color:#777777; padding:.5rem;}
.mypage .table_all tr:last-child td:first-child::before {display:none;}
.mypage .table_all tr:nth-child(n+5) td {border-bottom:0;}
.mypage .bottom_box {display:flex; margin-top:6rem; overflow:hidden;}
.mypage .bottom_box>div {float:left; border:1px solid #ddd; padding:2rem; width:49%; margin-right:2%;}
.mypage .bottom_box>div:last-child {margin-right:0;}
.mypage .bottom_box h3 {font-size:1.7rem; font-weight:500; border-bottom:0; margin-top:0;}
.mypage .bottom_box .name_server {}
.mypage .bottom_box .name_server table {width:100%; border-collapse:collapse; border:1px solid #dee3eb; border-top:2rem; margin-top:.5rem;}
.mypage .bottom_box .name_server table th {font-size:1.8rem; font-weight:500; color:#000; border:1px solid #dee3eb;  background:#f4f9ff; padding:2.4rem 1rem;}
.mypage .bottom_box .name_server table td {font-size:14px; color:#555; text-align:center;background:#f4f9ff; border:1px solid #dee3eb;  line-height:20px;}
.mypage .bottom_box .name_server table td span {font-weight:500; }
.mypage .bottom_box .bank div {display:flex; align-items:center;overflow:hidden; border:1px solid #ddd; padding:1rem; margin-top:0.5rem;}
.mypage .bottom_box .bank p {float:left; width:calc(100% - 60% - 2rem); margin-right:2rem;}
.mypage .bottom_box .bank p img {width:100%;}
.mypage .bottom_box .bank ul {float:left; width:60%; letter-spacing:-1px;}
.mypage .bottom_box .bank ul li {font-size:1.6rem; color:#175087; line-height:2.6rem;}
.mypage .bottom_box .bank ul li:last-child {font-weight:500; font-size:2rem;}

/*마이페이지-홈페이지관리*/
.buylist .table6 .homepage_btn {display:flex; justify-content:center; align-items:center; margin-top:1rem; overflow:hidden;}
.buylist .table6 .homepage_btn li {float:left; margin-right:7px; text-align:center; }
.buylist .table6 .homepage_btn li:last-child {margin-right:0; }
.buylist .table6 .homepage_btn li button {border-radius:2px; padding:3px 5px 4px 5px; }
.buylist .table6 .homepage_btn li:first-child button {border:1px solid #1598dc; color:#1598dc;}
.buylist .table6 .homepage_btn li:last-child button {border:1px solid #1598dc;  color:#fff; background:#1598dc;}



/*마이페이지-호스팅관리 + 도메인연결*/
.table6.list_style tr td:last-child {padding:0;}
.table6.list_style table {width:100%; }
.table6.list_style table th {font-weight:400; color:#666666; border-top:0; height:40px;}
.table6.list_style table td {border-bottom:0; height:10rem;}
.table6.list_style table th:first-child,
.table6.list_style table td:first-child {border-left:0;}
.table6.list_style table th:last-child,
.table6.list_style table td:last-child {border-right:0}
.table6.list_style dl {overflow:hidden; margin:1rem 0;}
.table6.list_style dl dt {float:left; width:40%; text-align:left; color:#888; padding:0 0 3px 0;}
.table6.list_style dl dt::before {content:""; display:inline-block;  width:3px; height:3px; background:#666; margin-right:1rem; margin-bottom:3px;}
.table6.list_style dl dd {float:left; width:60%; text-align:left; font-weight:500; color:#666; padding:0 0 3px 0;}
.hosting_manage .table1 table {float:left;}

/*마이페이지-계정정보*/
.account h1 button {border:1px solid #ddd; font-size:13px; color:#555; padding:0.5rem; margin-left:1rem; border-radius:3px; background:linear-gradient(to top, rgba(0,0,0,.03), rgba(252,252,252,1));}

/*마이페이지-코멘트(기술문의,수정견적상담..)*/
.comment .commnet_bg { background:#f5faff; padding:2rem;}
.comment .commnet_bg.pc- { display:table-cell; }
.comment .commnet_bg.mobile- { display:none; }
.comment .commnet_bg span.cb {display:block; margin-top:2rem;}
.comment .commnet_bg .comment {background:#fff; border:1px solid #ddd; padding:2rem; margin-top:2rem; line-height:18px;}
.comment .commnet_bg .comment em {display:block; font-weight:500; margin-bottom:1rem;}
.comment .table6 tr.bg td {background:#f3f5f8; color:#666;}

/*마이페이지-코멘트AS기술문의)*/
.my_as table { table-layout:fixed;}
.my_as table tr th:first-child {width:60px;}
.my_as table tr th:nth-child(3) {width:100px;}
.my_as table tr th:last-child {width:100px;}
.my_as table a {color:#555;}

/*마이페이지 수정작업견적상담*/
.customizing table { table-layout:fixed;}
.customizing table tr th:first-child {width:60px;}
.customizing table tr th:nth-child(2) {width:140px}
.customizing table tr th:nth-child(4),
.customizing table tr th:nth-child(5),
.customizing table tr th:nth-child(6){width:100px;}
.customizing table tr th:last-child {width:100px;}
.customizing table a {color:#555;}

/*마이페이지 SMS 관리*/
.my_sms .table6 td dl dt {width:25%;}
.my_sms .table6 td dl dd {width:75%;}
.my_sms .table6 td button {background:#1184dc; border-radius:3px; color:#fff; padding:.2rem .5rem; text-align:center; letter-spacing:-1px;}

/*마이페이지 SMS정송내역조회*/
.sms_send .send_date {display:flex; align-items:center; justify-content:space-between; border:1px solid #ddd; 
padding:1.5rem; margin-bottom:2rem; overflow:hidden;}
.sms_send .send_date dl {display:flex; align-items:center; }
.sms_send .inquiry {float:left; overflow:hidden;}
.sms_send .inquiry dt {float:left; font-size:1.6rem; font-weight:500; margin-right:1rem;}
.sms_send .inquiry dd {float:left; }
.sms_send .inquiry dd ul {overflow:hidden;}
.sms_send .inquiry dd ul li {float:left; margin:0 2px;}
.sms_send .inquiry dd ul li button {border:1px solid #ddd; background:#fff; font-size:13px; text-align:center; height:30px;padding:0.5rem 1rem; border-radius:3px;}
.sms_send .inquiry dd ul li.on button {background:#565968; color:#fff; border-color:#565968;}
.sms_send .search_inquiry {float:right; overflow:hidden;}
.sms_send .search_inquiry dt {float:left; margin-left:1rem}
.sms_send .search_inquiry dt select {width:100%; padding:0.5rem 1.5rem 0.5rem 0.5rem; height:30px; margin:5px 0;}
.sms_send .search_inquiry dd {float:left;  margin-left:1rem;}
.sms_send .search_inquiry dd ul {overflow:hidden;}
.sms_send .search_inquiry dd ul li {float:left; margin:0 2px;}
.sms_send .search_inquiry dd ul li:first-child button {background:#565968; border-color:#565968; color:#fff;}
.sms_send .search_inquiry dd ul li button {border:1px solid #ddd; border-radius:3px; padding:0.5rem 1rem; height:30px; background:linear-gradient(to top, rgba(0,0,0,.03), rgba(252,252,252,1));}
.sms_send .table6 tr:nth-child(2n) td {background:#f5faff;}
.sms_send .search_inquiry dd ul li button.on {background:#1598dc; color:#fff; border-color:#1598dc}

/*마이페이지 - 세금계산서신청*/
.tax_sortation label {margin-left:10px}

/*게시물 패스워드입력*/
.lock_pw {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:320px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#fff; border:1px solid #eee; padding:3rem 1.5rem; z-index:1000; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.lock_pw div {display:flex; justify-content:center;  width:100%; }
.lock_pw p {font-size:15px; margin-bottom:10px; width:100%; text-align:center;}
.lock_pw input {width:40%; max-width:60%; margin:0; height:4rem;}
.lock_pw div button {border:1px solid #0e8ee8; border-radius:3px; height:4rem; font-size:1.5rem; padding:0 10px; background:#fff; color:#0e8ee8; margin:0 0 0 5px;}
.lock_pw button  {border:1px solid #ccc; height:25px; font-size:13px; padding:2px 10px; margin-top:15px;; background:#f1f1f1; color:#666;}



/*sms충전*/
.sms_harging .table1 b {font-weight:500;}

/********************************************************@@@@@@@@@@ 반응형시작 @@@@@@@@@@********************************************************/
@media all and (max-width:1340px) {
/****************************@@@@@@@@@@ 1260 메인 @@@@@@@@@@****************************/
.main_solution .over_bg {width:100%; padding:3.5rem 2rem;}

/*회사소개 솔루션 상세페이지*/
.detail .c_benefit_wrap .n_h {width:100%;}
.detail .c_benefit_wrap .n_h_benefit {width:calc(100% - 20px - 2rem)}
}
@media all and (max-width:1260px) {
/****************************@@@@@@@@@@ 1260 메인 @@@@@@@@@@****************************/
.side_quick {display:none;}
.wrap1260 {width:100%; }
.sub_title {width:100%;}
header .depth2 {padding:0 2rem;}
header .nav1 {padding:0 2rem}
.main_con {padding:0 2rem}
/*.main_solution .over_bg {width:100%; padding:3.5rem 2rem;}*/
.main_solution .solution_list p {padding:0 0px 10% 0px}
.main_portfolio .pp_list li {width:25%;}
.main_portfolio .pp_list.portfolio-c-all- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-job- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-news- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-comu- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-shop- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-time- li:nth-of-type(n+9) {display:none !important;}
.main_portfolio .pp_list:nth-child(n+5) {border-top:1px solid #e1e1e1}
.main_portfolio .pp_list:nth-child(n+9) {display:none;}
.main_buy {padding:0 2rem;}
.main_buy .buy_con {flex-wrap:wrap;}
.main_buy .buy_con div {width:28%;}
.main_buy .buy_con ul {width:70%;}
.main_buy .buy_con ul li {display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; width:50%; border-top:1px solid #ddd; padding-bottom:2rem;}
.main_buy .buy_con ul li:nth-child(-n+2) {border-top:0;}
.main_buy .buy_con ul li:nth-child(n+3) {padding-top:2rem; padding-bottom:0;}
.main_buy .buy_con ul li p {float:left; margin-right:2rem;}
.main_buy .buy_con ul li h3 {float:left; line-height:4rem; margin-top:0;}
.main_buy .buy_con ul li h3 b {font-size:4rem;}
.main_buy .buy_con ul li span {float:left; width:100%;}
.main_hosting {padding:6rem 2rem;}
.main_hosting .hosting_list>li {width:31%;}
.main_hosting .flex {flex-wrap:wrap;}
.main_hosting .hosting_benefit {width:100%; margin-bottom:2rem;}
.main_hosting .hosting_benefit dl {width:25%; border-top:0;}
.main_hosting .hosting_benefit dl:nth-child(2n) {border-right:1px solid #222}
.main_hosting .hosting_list {width:100%;}
.main_nameserver {padding:3rem 2rem;}
footer {padding:3.5rem 2rem;}

/****************************@@@@@@@@@@ 1260 서브 @@@@@@@@@@****************************/
.sub {padding:0 2rem;}
.nowlocation ul {padding:1.5rem 2rem;}

/*로그인*/
.login_page {padding:0 2rem;}

/*웹홈페이지*/
.solution .sub_solution_list {padding:0rem 2rem 3rem 2rem;}

/*구축사례*/
.portfolio {padding:0 2rem;}
.portfolio .quick_list {width:17%;}
.portfolio .port_list_wrap {margin:3rem 0 3rem 3%;}

/*홈페이지상세*/
.detail .top {padding:0 2rem 0rem 0rem;}
.detail .detail_con2 {padding:5rem 2rem;}
.detail .detail_con3 {padding:5rem 2rem;}
.detail .detail_con4 {padding:5rem 2rem;}
.detail .detail_con4 .box1 {width:100%; padding-right:0; margin-right:0; border-right:0; border-bottom:1px solid #ddd; padding-bottom:1rem;}
.detail .detail_con4 .box2 {width:100%;}
.detail .detail_con4 .box2 p:first-child::after {display:none;}

/*부가서비스*/
.addition .addition_bg .box {width:100%; padding:2.5rem 2rem; }
.report .special dl {padding:1.5rem;}


/*호스팅신청*/
.hosting .wrap1260 a img {width:100%;}

/*SSL보안인증서*/
.ssl .role dl {padding:1.5rem;}

/*신규제작상담*/
.consult>p button {margin-right:2rem;}

/*홈페이지혜택*/
.benefit.addition .addition_bg .box {padding:2rem 2rem 2.5rem 2rem; }

/*회사소개*/
.company_info .left_wrap {width:65%;}
.company_info .right_wrap img {width:100%;}
.company_info .map img {width:100%;}

/*게시판보기*/
.board_view {padding:0 2rem;}

/*자주하는질문*/
.faq .tab {margin:2rem 2rem 0 2rem;}
.faq .listWrap {margin:0rem 2rem 5rem 2rem}

/*회사소개 솔루션 상세페이지*/
.detail .demo_wrap {padding:0 2rem;}
.detail .c_benefit_wrap .c_b {padding:0 2rem; border-radius:0}
.detail .c_benefit_wrap .bg {top:220px;}
.detail .c_benefit_wrap .bg::after {left:0; width:50%; height:200px;}
.detail .c_benefit_wrap .bg::before {right:0; width:50%; height:200px;}
.detail .progress {padding:0 2rem;}
.detail .progress .sequence ul.first::after {display:none;}
.detail .ess_check_wrap {padding:0 2rem;}
.detail .function {padding:0 2rem;}
.detail .c_benefit_wrap .n_h {padding:0 1rem; }
}


@media all and (max-width:1200px) {
/****************************@@@@@@@@@@ 1200 메인 @@@@@@@@@@****************************/
html {font-size:60%;}
header.off {height:6rem;}
header {position:fixed; top:0; width:100%; height:auto; padding:1rem 0; box-shadow:0 5px 5px rgba(0,0,0,0.05); z-index:1000;}
header .nav1 .menu {display:none;}
header .nav1 .depth1.on .depth2 {display:none;}
header .nav1 .utill .all_menu_btn {display:none;}
header .nav1 .utill .m_menu_btn {display:block;}
header .nav1 h1 img {width:120px;}
header .nav1 .utill .m_all_menu a {display:inline-block;}

.main_top {margin-top:62px;}
.main_top .log {display:none;}
.main_top .visual {width:auto; margin-right:0; margin:0 auto;}
.main_top .visual ul {width:100%; height:auto;}

.main_con .main_box01 {width:100%;}
.main_con .main_notice {display:none;}
.main_con .main_info {height:auto;}

.main_solution .choice h2 a {font-size:3.3rem}
.main_solution .choice ul li a {padding:1rem 1.5rem;}
.main_solution .substance .price {flex-wrap:wrap;}
.main_solution .substance .price li:nth-child(3) {width:100%; margin-top:0.5rem;}
.main_solution .solution_list .new_icon img {width:70%;}

.main_portfolio h2 {font-size:4rem; padding:0 2rem;}
.main_portfolio .pp_quick li a {padding:1rem 1.5rem;}

.main_buy h2  {font-size:4rem; padding:0 2rem;}
.main_buy .order ul {flex-wrap:wrap; padding-right:3rem;}
.main_buy .order::before {display:none;}

.main_hosting h2 {font-size:4rem; padding:0 2rem; }
.main_hosting {padding:6rem 2rem 3rem 2rem;}
.main_hosting .hosting_benefit {order:2; margin-bottom:0; margin-top:2rem;}
.main_hosting .hosting_list {order:1;}

.main_nameserver .wrap1260 {flex-wrap:wrap; justify-content:space-between;}
.main_nameserver h2 {width:100%; margin-right:0; margin-bottom:1rem;}
.main_nameserver dl {width:50%; padding:1rem 0;}
.main_nameserver dl:last-child {margin-left:0;}
.main_nameserver dl dd:nth-of-type(1) {margin-right:2rem;}

footer .b_con:nth-child(1) {width:41%;}
footer .b_con:nth-child(2) {width:56%; margin-right:0;}
footer .b_quick {width:100%; margin-top:3rem;}

/****************************@@@@@@@@@@ 1200 서브 @@@@@@@@@@****************************/
.left_menu {height:100%;}

/*로그인*/
.login_page .netfu_benefit h1 {flex-wrap:wrap;}
.login_page .netfu_benefit h1 a {margin-top:1rem;}
.login_page .netfu_benefit ul {padding:2.5rem 0rem;}


/*웹홈페이지*/
.sub_bg {display:none;}
.m_title {display:block; margin-top:63px;}
.nowlocation {display:none;}
.solution .best_product {padding:2rem;}
.solution .best_product>ul>li::before {background-size:80%; top:-13px; left:-12px; }
.solution .best_product>ul>li::after {font-size:11px; top:5px; left:-5px;}
.solution .quick_list  {flex-wrap:wrap;}
.solution .quick_list li {width:30%;}

/*구축사례*/
.portfolio .port_list li a>p span {display:block; width:100%; margin-left:0; margin-top:8px;}
.portfolio .port_list_wrap #navTab.sticky {top:52px; width:78%; max-width:initial;}
.portfolio .quick_list.sticky {top:54px;}

/*홈페이지상세*/
.detail .top {flex-wrap:wrap; padding:0 2rem;}
.detail .left_menu {width:100%; margin-right:0; margin-top:2rem; border:none; padding-bottom:0; background:#fff;}
.detail .left_menu dl {display:none;}
.detail .list1 {display:flex; flex-wrap:wrap; overflow:hidden; }
.detail .list1 li {float:left; width:32%; margin-right:2%; border:1px solid #e1e1e1; margin-bottom:1rem; text-align:center;}
.detail .list1 li:nth-child(3n) {margin-right:0;}
.detail .list1 li:last-child {margin-bottom:1rem;}
.detail .list1 li a {padding:1.3rem 0.5rem; font-size:1.6rem;}
.detail .detail_wrap {width:100%;}
.detail .detail_wrap .solution_img {width:40%;}
.detail .detail_wrap .product {width:55%;}
.left_menu .list1 li {background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.03));}
.left_menu .list1 li a {color:#444}
.left_menu .list1 li.on {border:2px solid #186cc4}
.left_menu .list2 {background:#f9f9f9;}
.demo_pc ul {flex-wrap:nowrap; overflow-x:scroll; overflow-y:hidden; align-items:center; height:auto;}
.demo_pc ul li {width:auto; margin-bottom:0; margin-right:3%}
.demo_pc ul li:nth-of-type(3n) {margin-right:3%}
.demo_pc ul li dl dt img {max-height:200px;}
.detail .quick_menu {top:58px}
.detail .quick_menu.sticky {top:52px;}
.demo_ex {overflow-y:scroll; height:400px;}
.demo_ex::after {display:none;}
.demo_ex em {display:block; }



/*부가서비스*/
.addition .quick_list  {display:flex; flex-wrap:wrap;}
.addition .quick_list li {width:30%;}

/*보도자료서비스*/
.report .sub_title .tr {width:100%;}

/*자주하는질문*/
.faq .tab li {width:50%; border:1px solid #ddd; border-bottom:0;}
.faq .tab li:nth-child(2n) {border-left:0;}
.faq .tab li.on {border-bottom:0;}

/*마이페이지*/
.my_sub .left_menu {display:none;}
.my_sub .right_wrap {width:100%;}

/*호스팅*/
.hosting .hosting_list li {width:48%; margin-right:4%; margin-bottom:4%}
.hosting .hosting_list li:nth-child(n+3) {margin-bottom:0}
.hosting .hosting_list li:nth-child(2n) {margin-right:0}

/*회사소개 솔루션 상세페이지*/
.detail .company_top .r_img {width:50%;}
.detail .company_top .r_img img {width:100%;}

.detail .demo_wrap .choice {position:relative; flex-wrap:wrap; margin-top:3rem}
.detail .demo_wrap .choice .btn {display:flex; justify-content:center; gap:0 10px; width:100%; margin-bottom:1.5rem;}
.detail .demo_wrap .choice .btn li a {font-size:15px; text-align:center; padding:15px;}
.detail .demo_wrap .choice .btn li i {display:none;}
.detail .demo_wrap .choice .btn li.on i {display:inline-block; margin-left:10px;}
.detail .demo_wrap .choice button {position:absolute; right:-15px; top:7rem; background-size:100%; font-size:15px; line-height:20px; width:calc(174px * 0.7); min-width:calc(174px * 0.7); height:calc(174px * 0.7); }

.detail .c_benefit_wrap .c_b_list li:first-child .title {font-size:2rem;}
.detail .c_benefit_wrap .c_b_list li:first-child .title b {font-size:3.8rem; line-height:5.5rem;}
.detail .c_benefit_wrap .c_b_list li:first-child .txt {font-size:14px; line-height:20px;}
.detail .c_benefit_wrap .c_b_list li dl dt {font-size:2rem; line-height:2.4rem;}
.detail .c_benefit_wrap .c_b_list li dl dd {font-size:14px; line-height:20px;}
.detail .c_benefit_wrap .c_b_list li .img { min-height:85px;}
.detail .c_benefit_wrap .c_b_list li .img span img {width:80%;}

.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag {left:20px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) {padding:36px 45px 36px 170px}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .sale {font-size:1.8rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .c_ht {font-size:2.2rem; margin-top:1.5rem}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price b {font-size:6rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price {font-size:2.2rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h > div:nth-child(1) {margin-right:2rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p {font-size:2.2rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p b.num {font-size:4rem;}

.detail .c_benefit_wrap .n_h_benefit .list {padding:1rem 2rem;}
.detail .c_benefit_wrap .n_h_benefit .list li {padding:2.5rem 0rem;}
.detail .c_benefit_wrap .n_h_benefit .list li dl {padding-left:5%}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt {font-size:2rem; margin-bottom:1.5rem; line-height:3rem;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dd {font-size:1.6rem; line-height:2.2rem;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt b {font-size:2.4rem;}
.detail .c_benefit_wrap .n_h_benefit .list li .img {min-width:80px;}
.detail .c_benefit_wrap .n_h_benefit .list li .img span img {width:80%;}

.detail .progress .sequence ul.second li:nth-child(4) {margin-right:3%}
.detail .progress .sequence ul.first li:nth-child(1) {margin-right:0;}
.detail .progress .sequence ul.second li:nth-child(4) {margin-right:0;}
.detail .progress .sequence dl dd br {display:none;}
.detail .progress .sequence ul {flex-direction:column;}
.detail .progress .sequence ul li {position:relative;}
.detail .progress .sequence ul li div {display:flex; gap:0 2rem; width:calc(50% - 34px); top:-50px;}
.detail .progress .sequence ul li div::before {left:auto; right:-15px; top:25px; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left:15px solid #ecf0fb; border-right:0px solid transparent}
.detail .progress .sequence ul li .num {margin:0 auto; }
.detail .progress .sequence ul.first li:first-child span {margin:0 auto 40px auto}
.detail .progress .sequence::before {width:1px; border-radius:0; left:50%; top:0; height:71%; height:calc(100% - 320px);}
.detail .progress .sequence ul.first li:nth-child(3) {top:-50px;}
.detail .progress .sequence ul.first li:nth-child(4) {top:-100px;}
.detail .progress .sequence ul.first li:nth-child(3) div {float:right;}
.detail .progress .sequence ul.first li:nth-child(3) div::before {left:-15px; right:auto; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left:0px solid transparent; border-right:15px solid #ecf0fb} 
.detail .progress .sequence ul.second {margin-top:0; top:-150px}
.detail .progress .sequence ul.second li:nth-child(1) {order:1}
.detail .progress .sequence ul.second li:nth-child(2) {order:2; top:-50px;}
.detail .progress .sequence ul.second li:nth-child(3) {order:3; top:-100px;}
.detail .progress .sequence ul.second li:nth-child(4) {order:4;  top:-150px; margin:0 auto;}
.detail .progress .sequence ul.second li:nth-child(odd) div {float:right;}
.detail .progress .sequence ul.second li:nth-child(odd) div::before {left:-15px; right:auto; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left:0px solid transparent; border-right:15px solid #ecf0fb}
.detail .progress .sequence .img {margin-bottom:0; min-height:initial;}

.detail .ess_check {margin-top:-230px;}


}


/****************************@@@@@@@@@@ 950메인 @@@@@@@@@@****************************/
@media all and (max-width:950px) {
html {font-size:55%;}

header .nav1 .utill>li>a {font-size:15px;}

.main_top .visual .cycle-slide {width:100% !important; height:auto !important;}
.main_top .visual .cycle-slide img {width:100% !important; height:auto !important;}
.main_top>dl dd {margin:2rem 0 3rem 0}

.main_con {margin-top:1rem;}
.main_con .main_quick li span {font-size:16px}
.main_con .main_info p {font-size:25px; letter-spacing:0;}
.main_con .main_info p img {width:34px;}

.main_solution .substance h3 {font-size:2.6rem;}
.main_solution .choice {margin-bottom:2.5rem;}
.main_solution .choice>div {flex-wrap:wrap; border-bottom:0; padding-bottom:0;}
.main_solution .choice ul {width:100%; margin-left:0; margin-top:2rem; position:static;}
.main_solution .choice ul li {margin:5px 5px;}
.main_solution .choice ul li:first-child {margin-left:0;}
.main_solution .choice ul li:last-child {margin-right:0;}
.main_solution .choice ul li a {border-radius:40px; border:1px solid #e5e5e5; font-size:16px; padding:1.5rem 2rem}
.main_solution .solution_list {gap:3rem 4%;}
.main_solution .solution_list>li {width:48%; }
.main_solution .solution_list>li:nth-child(n+5) {display:none;}
.main_solution .solution_list>li:nth-child(2n) {margin-right:0;}
.main_solution .solution_list>li:nth-child(3n) {margin-right:auto;}
.main_solution .solution_list p {padding:0 0px 0% 0px}
.main_solution .solution_list .new_icon {right:-10px; top:-10px;}
.main_solution .substance .price li:nth-child(3) {margin-top:10px; font-size:14px;}
.main_solution .substance .price li:nth-child(3) em { font-size:14px;}
.main_solution .list_hover {display:none;}
.main_solution .solution_list>li:hover .list_hover {display:none;}


.main_portfolio .pp_list li {width:33.3%;}
.main_portfolio .pp_list li:nth-child(n+4) {border-top:1px solid #e1e1e1}
.main_portfolio .pp_list.portfolio-c-all- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-job- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-news- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-comu- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-shop- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-time- li:nth-of-type(n+7) {display:none !important;}
.main_portfolio .pp_quick li a {font-size:16px; padding:1.5rem 2rem;}

.main_buy .buy_con {padding-top:2rem;}
.main_buy .buy_con div {width:100%; border:none; margin:0; text-align:center; margin-bottom:3rem;}
.main_buy .buy_con div h2 {display:none;}
.main_buy .buy_con div p:nth-of-type(1) {display:none;}
.main_buy .buy_con div p:nth-of-type(2) {display:none;}
.main_buy .buy_con div::after {display:none;}
.main_buy .buy_con div::before {display:none;}
.main_buy .buy_con div button {margin:0 auto; font-size:2rem; padding:7px 5px 7px 10px}
.main_buy .buy_con div button i {vertical-align:middle}
.main_buy .buy_con ul {width:100%;}
.main_buy .buy_con ul li:nth-child(2n) {border-right:0;}
.main_buy .buy_con ul li span {font-size:15px; line-height:20px}

.main_buy .order {margin:3rem 0 5rem 0;}
.main_buy .order ul {padding-right:0rem;}
.main_buy .order ul li {width:33.3%; margin-top:1.5rem;}
.main_buy .order ul li:nth-child(1) dl {margin:0 auto;}
.main_buy .order ul li:nth-child(6) dl {margin:0 auto;}

.main_hosting .hosting_list h3 {font-size:2.6rem;}
.main_hosting .hosting_list h3 span {font-size:16px}
.main_hosting .hosting_list {flex-wrap:wrap;}
.main_hosting .hosting_list>li {width:48%; margin-right:4%; margin-bottom:4%;}
.main_hosting .hosting_list>li:nth-child(2n) {margin-right:0}
.main_hosting .hosting_list>li:nth-child(n+3) {margin-bottom:0}
.main_hosting .hosting_benefit dl dd {font-size:14px}
.main_hosting .explain li {width:50%; font-size:15px; margin:5px 0}
.main_hosting .explain li:nth-child(1) {order:1}
.main_hosting .explain li:nth-child(3) {order:2}
.main_hosting .explain li:nth-child(3) {order:5}
.main_hosting .explain li:nth-child(4) {order:3}
.main_hosting .explain li:nth-child(5) {order:4}
.main_hosting .explain li:nth-child(6) {order:6}
.main_hosting .hosting_benefit dl {flex-wrap:wrap;}
.main_hosting .hosting_benefit dl dt {width:100%; margin-right:0; margin-bottom:10px;}

.main_nameserver dl {width:100%;}
.main_nameserver dl dt {font-size:16px;}
.main_nameserver dl dd {font-size:16px;}

footer .bottom ul:nth-child(1) {width:100%;}
footer .bottom ul:nth-child(1) li a {display:block; margin:5px 0;}
footer .bottom ul:nth-child(2) {width:100%; margin-top:2rem;}
footer .bottom ul li a {font-size:15px;}

header .m_menu .m_top>div p {font-size:18px}
header .m_menu .m_top>div p span {font-size:18px}
header .m_menu .m_top>ul li {line-height:50px}
header .m_menu .m_top>ul li a {font-size:17px}
header .m_menu .m_nav_1d>li {line-height:55px; height:55px}
header .m_menu .m_nav_1d>li>a {font-size:17px}
header .m_menu .m_nav_2d>li {line-height:55px}
header .m_menu .m_nav_2d>li>a {font-size:17px}
header .m_menu .m_bottom ul li p {font-size:18px; margin-bottom:10px}
header .m_menu .m_bottom ul li em {font-size:15px}
header .m_menu .m_bottom ul li.homepage_info p {font-size:15px; line-height:20px}


/****************************@@@@@@@@@@ 950서브 @@@@@@@@@@****************************/
.sub_title p {font-size:15px}
.addition .addition_bg {background:#e6eff8}
.sub_title {border-color:#e6eff8}
.input_btn {font-size:16px; height:4.1rem}

/*웹홈페이지*/
.solution .quick_list li a {font-size:18px}
.sub_solution_list.main_solution .solution_list>li:nth-child(n+5) {display:block;}
.solution .sub_solution_list .depth3_wrap {width:100%; order:3; justify-content:center; margin-top:17px;}

/*로그인*/
.login_page .login_wrap {width:100%; padding:0;}
.login_page .netfu_benefit {width:100%; padding-left:0; border-top:1px solid #ddd; border-left:0; margin-top:10rem; padding-top:4rem;}
.login_page .netfu_benefit h1 span::before {display:none;}
.login_page .netfu_info {margin:5rem 0;}
.sub_title h2 {font-size:2.8rem; }
.login_page .login_wrap button.naver span {width:15%;}
.login_page .login_wrap .login_box p input {height:7.5rem}
.login_page .login_wrap .login_box p input::placeholder {font-size:18px; color:#777;}
.login_page .login_wrap .login_box button {height:16rem}
.login_page .login_wrap ul li a {font-size:15px}
.login_page .netfu_benefit ul li p {font-size:18px}
.login_page .netfu_info p {font-size:13px}

/*구축사례*/
.portfolio .quick_list {display:flex; justify-content:space-around; flex-wrap:wrap; width:100%; overflow:hidden;}
.portfolio .quick_list li {float:left; width:32%; margin:1rem 2% 1rem 0; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.03)); } 
.portfolio .quick_list li a {font-size:18px;}
.portfolio .quick_list li:nth-child(3n) {margin-right:0;}
.portfolio .port_list_wrap {width:100%; margin-top:0;}

.portfolio .quick_list.sticky {position:inherit; top:0; max-width:none; width:auto; z-index:auto;}
.portfolio .port_list_wrap #navTab.sticky {width:calc(100% - 4rem); padding-top:1.5rem; padding-bottom:1.5rem;}
.portfolio .port_list_wrap #navTab ul li {font-size:16px} 
.portfolio .port_list_wrap #navTab ul li a {padding:10px 15px}

/*웹홈페이지*/
.detail .detail_wrap {display:flex; flex-wrap:wrap;}
.detail .detail_wrap .solution_img {width:auto; margin:0 auto 3rem auto; }
.detail .detail_wrap .product {width:100%;}
.detail .solution_info img {width:100%;}
.detail .demo2 ul {width:50%;}
.detail .demo2 button {width:48%;}
/*.detail .detail_con2 b.m_info {display:block; }*/
.detail .detail_con2 p.info {background:none; padding:0;}
.detail .detail_con4 .box2 {padding-left:9rem;}
.detail .quick_menu {top:53px}

.demo_ex {width:90%; }
.demo_pc {padding:2rem;}

.solution .best_product > h2 em {font-size:16px}

.detail .detail_wrap .info_list dl {font-size:17px}
.detail .detail_wrap .info_list dl dt {width:10rem}
.detail .detail_wrap .info_list dl.event dd {width:calc(100% - 12rem)}
.detail .detail_wrap .info_list dl.event span {font-size:15px}
.detail .detail_wrap .info_list dl dd .c_event li:nth-child(1) {margin-bottom:10px}
.detail .detail_wrap .info_list dl dd button {font-size:16px}
.detail .detail_wrap .demo ul li a {font-size:19px; line-height:26px}
.detail .quick_menu li a {font-size:17px; padding:2rem 1rem}
.detail .detail_con4 .box1 h3 {font-size:17px;}

/*홈페이지 구축신청*/
.s_appli .name_server {width:100%; margin-right:0; margin-bottom:3rem;}
.s_appli .hosting_list {width:100%;}
.s_appli .font td ul {height:150px; overflow-y:scroll;}
.s_appli .out_hositng dl {width:50%;}
.s_appli .free_hosting_info dl dt br {display:block;}
.s_appli .free_hosting_info dl dt {width:6.5rem;}
.s_appli .free_hosting_info dl dd {width:calc(100% - 6.5rem); padding-right:0}
.s_appli ul.radio_list li {margin-bottom:20px; line-height:3.2rem}

.s_appli .table1 th button br {display:block;}

/*전자지불 서비스*/
.elec_pay .pay_list { flex-wrap:wrap;}
.elec_pay .pay_list>li {width:100%;}
.elec_pay .pay_list>li:nth-child(2) {margin:2rem 0;}

.addition .addition_bg .box .bojo {font-size:16px; line-height:28px}
.elec_pay .pay_list .pg_btn>li button {font-size:18px}
.elec_pay .pay_list div p {font-size:18px; }
.elec_pay .pay_list div p span {font-size:16px}
.elec_pay .pay_list div dl dt {font-size:15px}
.elec_pay .pay_list div dl dd {font-size:15px}
.elec_pay .pay_list>li>p:nth-of-type(2) {font-size:14px}
.elec_pay .direction dd {font-size:16px;}

/*보도자료서비스*/
.report .sub_title .tr li {width:100%;}
.report .sub_title .tr li:nth-child(2) {margin:1rem auto;}
.report .service {width:100%; }
.report .service:nth-of-type(1) {margin-right:0;}
.report .special dl dt {margin-bottom:1rem; font-size:2.5rem; height:4rem; line-height:4rem;}
.report .special dl dd {width:100%;}
.addition .quick_list li a {font-size:18px}

/*본인인증서비스*/
.certify .certify_wrap ul {flex-wrap:wrap;}
.certify .certify_wrap ul li:last-child {width:100%; margin-top:1rem;}
.certify .certify_wrap ul li button {width:100%;}
.certify .order li {border-radius:5px;}
.certify .order li:nth-child(-n+3) {width:31.3%;}
.certify .order li:nth-child(4) {margin-left:0;}
.certify .order li:nth-child(n+4) {width:48.5%; margin-top:1rem;}
.certify .order li::after {display:none;}
.certify .order li::before {display:none;}
.certify .order li div {height:auto; padding:.5rem 1rem 1rem 1rem;}
.certify .use li {width:48%; margin-top:1rem;}
.certify .use li:nth-child0(-n+2) {margin-top:0;}
.certify .use li::after {display:none;}
.certify .use li:nth-child(2n) {margin-right:0;}
.certify .process dl {display:flex; align-items:center; justify-content:center; width:100%; margin:2rem 0;}
.certify .process dl::after {transform:rotate(0deg); top:auto; bottom:-35%; left:50%; transform:translate(-35%,50%)}
.certify .process dl:first-child {margin-top:0;}
.certify .process dl:last-child {margin-top:2rem;}
.certify .process dl:last-child::after,
.certify .process dl:last-child::before {display:none;}
.certify .process dl dt img {display:none;}
.certify .process dl dt {width:auto;}
.certify .process dl dd {width:auto; margin-top:0; margin-left:1rem;}
.certify .process dl dd br {display:none;}

.certify .certify_wrap dl dd p {font-size:16px}
.certify .certify_wrap dl dd {font-size:14px}
.certify .certify_wrap ul li button {font-size:16px}
.certify .order li div p:nth-child(2) {font-size:15px}
.certify .use li p:nth-child(1) {font-size:16px}

/*호스팅신청*/
.hosting .order img {width:70%;}
.hosting .center {flex-wrap:wrap;}
.hosting .center div {width:100%;}
.hosting .center table {width:100%;}
.hosting .hosting_info p {text-align:center; background:none; padding:0rem 0rem 2rem 0rem; margin-top:0;}


/*ssl인증서*/
.ssl .role {width:100%; }
.ssl .role:nth-of-type(1) {margin-right:0;}
.ssl .role dl dt {margin-bottom:1rem; font-size:2.5rem; height:4rem; line-height:4rem;}
.ssl .role dl dd {width:100%;}
.ssl .what_ssl {display:none;}
.ssl .ssl_wrap p {width:100%;}

.ssl .sub_title button {font-size:17px}
.ssl .ssl_wrap p {font-size:15px}
.ssl .role dl dd p {font-size:15px}

/*신규제작상담*/
.consult .sub_title div {flex-wrap:wrap; }
.consult .sub_title div b {display:none;}
.consult .sub_title div ul {width:100%;}
.consult .sub_title div p {width:100%; margin-top:2rem;}
.consult .sub_title div ul li a {padding:1.6rem 1rem; font-size:16px}
.consult .sub_title div p button {font-size:18px}
.consult>p button {font-size:18px}

/*홈페이지혜택*/
.benefit .right_wrap h3 b::after {}
.benefit .right_wrap h3 {position:relative; }
.benefit .left_wrap {display:flex; align-items:center; min-width:auto; margin-right:3%;}
.benefit .left_wrap p {top:12px; font-size:3rem;}
.benefit .right_wrap {width:88%;}
.benefit .hosting_table {margin-top:3.5rem;}
.benefit .sale_wrap dl {width:35%;}
.benefit .sale_wrap dl:nth-child(2) {width:26%; margin:0 2%}
.benefit .sale_wrap dl img {width:100%;}
.benefit .sale_wrap dl:nth-child(2) dt {font-size:2.5rem; padding:20%;}
.benefit .right_wrap p {font-size:18px; line-height:26px}
.benefit .right_wrap button {font-size:18px}
.benefit .hosting_table table th {font-size:16px;}


/*홈페이지 구매절차*/
.buy_guide .procedure li {width:32.5%; margin-left:1%; height:auto; border-radius:1rem;}
.buy_guide .procedure li p br {display:none;}
.buy_guide .procedure li::after {display:none;}
.buy_guide .procedure li::before {display:none;}
.buy_guide .issu_check dl dd h4 {font-size:18px}
.buy_guide .issu_check dl dd p {font-size:15px; line-height:20px}
.buy_guide .issu_check dl dd button {font-size:17px;}


/*마이페이지*/
.mypage .my_box {flex-wrap:wrap;}
.mypage .my_info {width:100%; margin-right:0; margin-bottom:1.5rem;}
.mypage .my_quick {width:100%;}
.mypage .table_all tr:last-child td {top:-40px;}
.mypage .bottom_box {flex-wrap:wrap;}
.mypage .bottom_box>div {width:100%;}
.mypage .bottom_box .name_server {margin-bottom:2rem;}
.mypage .bottom_box .bank p {width:calc(100% - 65% - 2rem);}
.mypage .bottom_box .bank ul {width:65%;}
.mypage .my_box div:nth-of-type(1) h4 span::after {bottom:-5px;}
.mypage .my_box div:nth-of-type(2) h4 span::after {bottom:-5px;}
.mypage .my_quick ul li a::after {padding:0;}

.mypage .my_box h4 span {font-size:18px}
.mypage .my_info .my_info1 p {font-size:16px}
.mypage .my_info .my_info2 dl dt {font-size:16px}
.mypage .my_info .my_info2 dl dd {font-size:18px}
.mypage .my_quick ul li a {font-size:16px; padding:2rem 0.3rem}
.mypage .tab li {font-size:16px}
.mypage .table_all td {font-size:15px}
.mypage .bottom_box h3 {font-size:18px;}
.mypage .bottom_box .name_server table th {font-size:17px}
.mypage .bottom_box .name_server table td {font-size:15px}
.mypage .bottom_box .bank ul li {font-size:16px}
.mypage .bottom_box .bank ul li:last-child {font-size:18px}
.mypage .my_box h4 b {font-size:14px}
.mypage .my_box h4 b em {font-size:13px}
.mypage .table_all tr:last-child td a {font-size:15px}

.my_sub2 h2 button {font-size:16px}


/*마이페이지-호스팅관리*/
.my_sub2 .btn_wrap {flex-wrap:wrap;}
.my_sub2 .btn_wrap li {margin:0.5rem 0.5rem; }
.my_sub2 .btn_wrap li:first-child,
.my_sub2 .btn_wrap li:last-child {margin:0.5rem 0.5rem; }
.my_sub2 .btn_wrap li button {width:100%; font-size:15px}

/*마이페이지- SMS전송내역조회, SMS결제내역*/
.sms_send .send_date {flex-wrap:wrap;}
.sms_send .search_inquiry {margin-top:1.1rem;}
.sms_send .send_date dl {flex-wrap:wrap;}

/*회사소개 솔루션 상세페이지*/
.detail .company_top {border-radius:0}
.detail .company_top .t1 {display:block; text-align:center;}
.detail .company_top .title {text-align:center; font-size:50px; line-height:60px;}
.detail .company_top .r_img {position:relative; max-width:690px; width:100%; right:0; top:0; margin:0 auto 40px auto;}
.detail .company_top .rw {text-align:center; font-size:14px; justify-content:center;}
.detail .company_top .rwt {text-align:center; font-size:12px; line-height:18px;}
.detail .company_top .rw::before {font-size:14px;}
.detail .c_benefit {padding:0 15px;}
.detail .c_benefit li img {width:25%;}
.detail .c_benefit li p.tx {font-size:15px;}
.detail .c_benefit ul {padding:20px 20px;}
.detail .company_top::before {right:0; background-size:cover; bottom:-85px;}

.detail .demo_wrap .device_pc {background-size:90%; height:auto; padding-bottom:80%;}
.detail .demo_wrap .device_pc .img {width:85%; height:60.5%; top:8.5%;}
.detail .demo_wrap .device_pc .img img {width:100%;}
.detail .demo_wrap .device_laptop {background-size:90%; height:auto; padding-bottom:60%;}
.detail .demo_wrap .device_laptop .img {width:68%; height:70%; top:12.5%;}
.detail .demo_wrap .device_laptop .img img {width:100%;}
.detail .demo_wrap .device_pad {background-size:39%; height:auto; padding-bottom:65%;}
.detail .demo_wrap .device_pad .img {width:35%; height:81%; top:10%;}
.detail .demo_wrap .device_pad .img img {width:100%;}
.detail .demo_wrap .device_phone {background-size:28%; height:auto; padding-bottom:60%;}
.detail .demo_wrap .device_phone .img {width:24.8%; height:78%; top:12%;}
.detail .demo_wrap .device_phone .img img {width:100%;}

.detail .c_benefit_wrap .c_b_list li {width:calc((100% - 20px) / 2)}
.detail .c_benefit_wrap .c_b_list li:nth-child(-n+4) {margin-top:20px;}
.detail .c_benefit_wrap .c_b_list li:nth-child(-n+2) {margin-top:0px;}

.detail .c_benefit_wrap .n_h .title {margin-bottom:8rem;}
.detail .c_benefit_wrap .n_h .ttop li {padding:2rem 1.5rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) {width:65%; padding:1.5rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag {background-image:none; background:#3e42ca; font-size:1.7rem; text-align:center; width:80%; border-radius:10px 10px 0 0; left:auto; top:-5rem; height:5rem; line-height:5rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag br {display:none;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag b {position:static; line-height:initial;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .flag::after {display:none;}

.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) {width:35%;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) br {display:block;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p {text-align:center;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p b.num {display:inline-block; margin-left:0; margin-top:1rem;}








}

/****************************@@@@@@@@@@ 650 메인 @@@@@@@@@@****************************/
@media all and (max-width:650px) {
input[type="text"],
input[type="password"] {width:100%;}
.w10 input[type="text"],
.w20 input[type="text"],
.w30 input[type="text"] {width:29%;}
p.add_ex {margin-left:0; margin-top:5px;}

html {font-size:53%;}
.main_top {padding:0rem;}
.main_top>dl {display:none;}
header.off {height:6.2rem;}
header .nav1 .utill .login,
header .nav1 .utill .my_page_top,
header .nav1 .utill .pay {display:none;}
header .nav1 .utill .m_all_menu a {margin-right:0}
header .nav1 h1 img {width:100px;}
header .nav1 .utill>li>a {font-size:14px;}
.main_top {margin-top:55px}
.main_top .visual button img {width:60%;}
.main_con .main_info {flex-wrap:wrap;}
.main_con .main_info div {width:100%; padding-bottom:10px;}
.main_con .main_info div em {font-size:13px;}
.main_con .main_info p {font-size:22px;}
.main_con .main_info p img {width:24px; }
.main_con .main_info ul {}
.main_con .main_info ul li {font-size:14px}
.main_con .main_quick li {width:33.3%;}
.main_con .main_quick li span {font-size:15px}
.main_con .main_quick li:nth-of-type(-n+3) {margin-bottom:1rem;}
.main_solution .substance h3 {font-size:2.3rem;}
.main_solution .solution_list p {padding:0 0px 10% 0px}
.main_solution .choice h2 a {font-size:3rem}
.main_solution .choice span {top:5px;}
.main_solution .choice ul li a {font-size:14px}
.main_solution .list_hover>a {padding:1rem; height:70%;}
.main_solution .list_hover .list_quick dl dt {display:none;}
.main_solution .list_hover .list_quick dl dd {margin-top:0;}
.main_solution .list_hover .title h3 {font-size:2rem;}
.main_solution .list_hover .title ul li {font-size:1.6rem;}
.main_solution .list_hover .list_quick {padding:0 2rem;}
.main_solution .list_hover .list_quick ul {flex-wrap:wrap;}
.main_solution .list_hover .list_quick ul li:first-child {margin-right:0; margin-bottom:.5rem;}
.main_solution .list_hover .list_quick ul li:last-child {margin-left:0;margin-top:.5rem;}
.main_solution .list_hover .list_quick ul li b {margin-right:4px;}
.main_solution .list_hover .list_quick ul li br {display:none;}
.main_solution .list_hover .list_quick ul li a {padding:1rem;}
.main_solution .list_hover .list_quick button {letter-spacing:-.8px; line-height:inherit; padding:1rem}

.main_portfolio .pp_list li a {padding:3rem 5% 3rem 5%}
.main_portfolio .pp_list li {width:50%;}
.main_portfolio .pp_list li:nth-child(n+3) {border-top:1px solid #e1e1e1}
.main_portfolio .pp_list.portfolio-c-all- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-job- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-news- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-comu- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-shop- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_list.portfolio-c-time- li:nth-of-type(n+5) {display:none !important;}
.main_portfolio .pp_quick li a {font-size:14px; padding:1.5rem 2rem;}

.main_buy .order ul {padding-right:3rem;}
.main_buy .order ul li dl {width:160px; height:160px;}
.main_buy .buy_con ul li span  {font-size:14px; line-height:18px}

.main_hosting .hosting_benefit dl {width:50%; border-top:1px solid #222;}
.main_hosting .hosting_benefit dl:nth-child(2n) {border-right:0;}
.main_hosting .explain li {width:100%; font-size:13px;}
.main_hosting .hosting_list h3 {font-size:2.4rem;}
.main_hosting .hosting_list h3 span {font-size:14px}

.main_nameserver dl dt {font-size:14px}
.main_nameserver dl dd {font-size:14px;}

footer .b_con {margin-bottom:3rem;}
footer .b_con:nth-child(1) {width:100%;}
footer .b_con:nth-child(2) {width:100%; margin:0;}
footer .bottom ul li a {font-size:14px;}

header .m_menu .m_top>div p {font-size:15px} 
header .m_menu .m_top>div p span {font-size:15px}
header .m_menu .m_top>ul li {line-height:45px}
header .m_menu .m_top>ul li a {font-size:14px}
header .m_menu .m_nav_1d>li {line-height:50px; height:50px}
header .m_menu .m_nav_1d>li>a {font-size:15px}
header .m_menu .m_nav_2d>li {line-height:45px}
header .m_menu .m_nav_2d>li>a {font-size:15px}
header .m_menu .m_bottom ul li p {font-size:1.8rem; margin-bottom:5px}
header .m_menu .m_bottom ul li em {font-size:13px}
header .m_menu .m_bottom ul li.homepage_info p {font-size:12px;  line-height:18px}

.m_title {margin-top:53px}

/****************************@@@@@@@@@@ 650 서브 @@@@@@@@@@****************************/
.sub_title p {font-size:13px}
.input_btn {height:3.6rem; font-size:13px}

/*공통버튼*/
.common_btn li button {padding:2rem 3rem;}
.input_btn {margin-left:0;}

/*로그인*/
.login_page .login_wrap .login_box p input {height:5.5rem}
.login_page .login_wrap .login_box button {height:12rem}
.login_page .login_wrap ul li a {font-size:13px}
.login_page .login_wrap .login_box p input::placeholder {font-size:14px; color:#777;}
.login_page .netfu_benefit ul li p {font-size:14px}

/*웹홈페이지*/
.solution .quick_list li a {font-size:15px} 
.solution .best_product > h2 em {font-size:14px}


/*구축사례*/
.portfolio .port_list li {width:49%; margin:0 2% 6% 0;}
.portfolio .port_list li:nth-child(3n) {margin-right:2%;}
.portfolio .port_list li:nth-child(2n) {margin-right:0;}

/*홈페이지상세*/
.detail .list1 li a {font-size:15px}
.detail .detail_con4 .box1 ul.talk {width:100%; margin-right:0;}
.detail .detail_con4 .box1 ul.idinfo {width:100%; margin-top:1rem;}
.detail .detail_wrap .info_list dl {font-size:14px}
.detail .detail_wrap .info_list dl dd button {font-size:13px}
.detail .detail_wrap .info_list dl dd .c_event {flex-wrap:wrap;}
.detail .detail_wrap .info_list dl dd .c_event ul {width:100%;}
.detail .detail_wrap .info_list dl dd .c_event button {margin:13px 0 0 0}
.detail .detail_wrap .info_list dl.event span {font-size:12px}
.detail .detail_wrap .demo ul li a {font-size:1.8rem; line-height:2.6rem}
.detail .quick_menu li a {font-size:1.7rem; padding:1.5rem 1rem}
.detail .detail_con4 .box1 h3 {font-size:1.7rem;}
.detail .detail_wrap .info_list dl.event dd {width:calc(100% - 8.5rem)}

/*홈페이지구축*/
.s_appli .out_hositng dl {width:100%;}
.s_appli ul.radio_list li {margin-bottom:10px; line-height:2.8rem} 
.portfolio .quick_list li a {font-size:14px;}
.portfolio .port_list_wrap #navTab ul li {font-size:13px}
.portfolio .port_list_wrap #navTab ul li a {padding:.6rem 1rem}

/*본인인증서비스*/
.certify .certify_wrap {flex-wrap:wrap;}
.certify .certify_wrap div {width:100%; margin-right:0; margin-bottom:2rem;}
.certify .certify_wrap div:last-child {margin-bottom:0;}
.certify .process dl {flex-wrap:nowrap;}

.certify .certify_wrap dl dd p {font-size:2rem}
.certify .certify_wrap dl dd {font-size:14px; line-height:20px}
.certify .certify_wrap ul li button {font-size:13px}
.certify .order li div p:nth-child(2) {font-size:13px}
.certify .use li p:nth-child(1) {font-size:1.6rem}

/*호스팅신청*/
.hosting .order li {width:100%;}
.hosting .order li:nth-child(2n) {width:100%; margin:1rem 0;}
.hosting .order li:nth-child(2n)::before,
.hosting .order li:nth-child(2n)::after {display:none;}
.hosting .order li:nth-child(2n) p {border:1px dashed #ddd; padding:0.5rem;}
.hosting .order li:nth-child(2n) p::before {display:inline-block; content:"↑"}
.hosting .order li:nth-child(2n) p::after {display:inline-block; content:"↓"}
.hosting .order img {width:40%;}

.hosting .hosting_list li {width:100%; margin:0 0 9% 0}
.hosting .hosting_list li:nth-child(2) {margin:0 0 9% 0}
.hosting .hosting_list li:nth-child(n+3) {margin:0 0 9% 0}
.hosting .hosting_list li:nth-child(2n) {margin:0 0 9% 0}


.hosting .hosting_list li h3 {font-size:2.4rem}
.hosting .hosting_list li p {font-size:14px}
.hosting .hosting_list li table:nth-of-type(1) th {font-size:14px}
.hosting .hosting_list li table:nth-of-type(1) td {font-size:14px}
.hosting .hosting_list li table:nth-of-type(2) td {font-size:14px}
.hosting .hosting_list li table:nth-of-type(2) td span {font-size:13px;}
.hosting .hosting_list li table:nth-of-type(2) td b {font-size:14px}
.hosting .hosting_list li button {font-size:1.6rem}


/*호스팅결제*/
.hosting_pay table th i.axi-help2 {display:block}
.hosting_pay .hosting_box {display:none;}


/*홈페이지혜택*/
.benefit .left_wrap {display:none;}
.benefit .right_wrap {width:100%}
.benefit .right_wrap h3 em {display:inline-block;}
.benefit .right_wrap h3 span {font-size:2.2rem;}
.benefit .right_wrap h3 b {font-size:2.5rem;}
.benefit .right_wrap p {font-size:15px; line-height:22px}
.benefit .sale_wrap dl:nth-child(3) dd br {display:block;}
.benefit .sale_wrap dl:nth-child(3) dd em {margin-right:0;}
.benefit .right_wrap button {font-size:14px}
.benefit .hosting_table table th {font-size:15px}
.benefit .right_wrap h3 {margin-bottom:1rem; line-height:3rem}
.benefit .right_wrap h3 span::after,
.benefit .right_wrap h3 b::after {display:none;}

/*보도자료서비스*/
.addition .quick_list li a {font-size:14px}

/*전자지불서비스*/
.addition .addition_bg .box .bojo {font-size:14px; line-height:24px}
.elec_pay .pay_list .pg_btn>li button {font-size:14px}
.elec_pay .pay_list div p {font-size:16px; }
.elec_pay .pay_list div p span {font-size:14px}
.elec_pay .pay_list div dl dt {font-size:14px}
.elec_pay .pay_list div dl dd {font-size:14px}
.elec_pay .pay_list>li>p:nth-of-type(2) {font-size:13px}
.elec_pay .direction dd {font-size:14px;}


/*홈페이지 신청방법*/
.buy_guide .procedure li {width:49%; margin:0 1% 1% 0;}
.buy_guide .procedure li:nth-child(2n) {margin-right:0;}
.buy_guide .procedure li:nth-child(n+4) {margin-top:initial;}
.buy_guide .procedure li p {font-size:15px; line-height:22px}
.buy_guide .issu_check dl dd h4 {font-size:15px}
.buy_guide .issu_check dl dd p {font-size:14px; line-height:20px}
.buy_guide .issu_check dl dd button {font-size:14px;}


/*회사소개*/
.company_info .top_wrap {flex-wrap:wrap;}
.company_info .right_wrap {float:left; order:1; margin-bottom:3rem;}
.company_info .left_wrap {float:right; width:100%; order:2;}

/*자주하는질문*/
.faq .sub_title dl {width:95%;}
.faq .sub_title dd {width:80%;}

/*마이페이지*/
.mypage .my_box div:nth-of-type(1) h4 span::after {bottom:-0.6rem;}
.mypage .my_box h4 span {font-size:16px}
.mypage .my_info .my_info1 p {font-size:14px}
.mypage .my_info .my_info2 dl dt {font-size:13px}
.mypage .my_info .my_info2 dl dd {font-size:1.8rem}
.mypage .my_quick ul li a {font-size:14px; padding:1.7rem .3rem}
.mypage .tab li {font-size:13px}
.mypage .table_all td {font-size:13px}
.mypage .bottom_box h3 {font-size:16px;}
.mypage .bottom_box .name_server table th {font-size:16px}
.mypage .bottom_box .name_server table td {font-size:14px}
.mypage .bottom_box .bank ul li {font-size:15px}
.mypage .bottom_box .bank ul li:last-child {font-size:17px}
.mypage .my_box h4 b {font-size:13px}
.mypage .my_box h4 b em {font-size:12px}
.mypage .table_all tr:last-child td a {font-size:13px}


.my_sub2 h2 button {font-size:14px}

/*마이페이지 - 호스팅관리*/
.my_sub2 .btn_wrap li button {font-size:14px}

/*홈페이지구축신청*/
.s_appli .font td ul li {margin:0}

/*홈페이지 상품리스트*/
.solution .best_product > h2 {margin-bottom:2rem}
.main_solution .solution_list {gap:2rem 4%}

/*ssl인증서*/
.ssl .sub_title button {font-size:1.5rem}
.ssl .ssl_wrap p {font-size:15px}
.ssl .role dl dd p {font-size:1.9rem}

/*고객센터*/
.consult .sub_title div ul li a {padding:1.3rem 1rem; font-size:15px}
.consult .sub_title div p {margin-top:0}
.consult .sub_title div p button {font-size:15px}
.consult>p button {font-size:15px}

/*마이페이지 - 세금계산서신청*/
.tax_sortation label {display:block; width:100%; margin-left:0px; margin:7px 0;}

/*회사소개 솔루션 상세페이지*/
.detail .company_top {padding:30px 5% 13.5% 5%;}
.detail .company_top .title {font-size:35px; line-height:45px;}
.detail .c_benefit ul {flex-wrap:wrap; border-radius:20px;}
.detail .c_benefit li {width:50%;}
.detail .c_benefit li:nth-child(-n+2) {margin-bottom:3rem;}
.detail .c_benefit li img {max-width:70px;}
.detail .company_top .rw::before {width:20px; height:20px; line-height:20px;}

.detail .demo_wrap .title {font-size:18px; line-height:34px;}
.detail .demo_wrap .title b {font-size:24px;}
.detail .demo_wrap .title b i {font-size:12px;}
.detail .demo_wrap .choice button {width:calc(174px * 0.5); min-width:calc(174px * 0.5); height:calc(174px * 0.5); font-size:13px; line-height:16px;}
.detail .demo_wrap .device_pad {background-size:60%; height:auto; padding-bottom:100%;}
.detail .demo_wrap .device_pad .img {width:54%; height:81.5%; top:10%;}
.detail .demo_wrap .device_pad .img img {width:100%;}
.detail .demo_wrap .device_phone {background-size:50%; height:auto; padding-bottom:100%;}
.detail .demo_wrap .device_phone .img {width:43%; height:83%; top:10%;}
.detail .demo_wrap .device_phone .img img {width:100%;}

.detail .c_benefit_wrap .c_b {top:10px; border-radius:50px 50px 0 0;}
.detail .c_benefit_wrap .c_b_list {padding-bottom:3%;}
.detail .c_benefit_wrap .c_b_list li {width:100%; margin-top:10px; }
.detail .c_benefit_wrap .c_b_list li .img {min-height:auto;}
.detail .c_benefit_wrap .c_b_list li:first-child {padding:20px; text-align:center;}
.detail .c_benefit_wrap .c_b_list li:first-child::after {background-size:50%; right:-100px;}
.detail .c_benefit_wrap .c_b_list li:nth-child(-n+4) {margin-top:10px;}
.detail .c_benefit_wrap .c_b_list li:nth-child(-n+2) {margin-top:10px;}
.detail .c_benefit_wrap .c_b_list li:first-child .txt br:nth-child(2) {display:none;}
.detail .c_benefit_wrap .c_b_list li:first-child .title b {font-size:3rem; line-height:5rem;}
.detail .c_benefit_wrap .c_b_list li:first-child .title {margin-bottom:10px; }
.detail .c_benefit_wrap .c_b_list li dl dd {margin-bottom:5px;}

.detail .c_benefit_wrap .n_h .title {font-size:18px; line-height:36px; margin-bottom:6rem;}
.detail .c_benefit_wrap .n_h .title b {font-size:28px;}
.detail .c_benefit_wrap .n_h .title b i {font-size:12px;}

.detail .progress .title {font-size:18px; line-height:32px; margin-bottom:4rem;}
.detail .progress .title b {font-size:28px;}
.detail .progress .sequence ul li div {flex-wrap:wrap;}
.detail .progress .sequence .img {width:100%;}
.detail .progress .sequence dl dt {font-size:2rem; line-height:2.6rem;}
.detail .progress .sequence dl dd {font-size:14px; line-height:20px;}
.detail .progress .sequence ul li div {padding:1.5rem;}
.detail .progress .sequence .img {margin-bottom:10px;}
.detail .progress .sequence .img span img {width:50%;}

.detail .ess_check {border-radius:15px;}
.detail .ess_check dl dd {font-size:14px; line-height:20px; margin-left:10px;}
.detail .ess_check .check_list_wrap {padding:0 10px}
.detail .ess_check .title {padding:3rem 10px;}
.detail .ess_check .check_list {flex-wrap:wrap; gap:initial;}
.detail .ess_check .check_list > div:last-child {width:100%;}
.detail .ess_check .check_list > div:first-child  {width:100%;}
.detail .ess_check .table ul li {font-size:13px; line-height:20px; margin-top:5px;}
}

/****************************@@@@@@@@@@ 550 메인 @@@@@@@@@@****************************/
@media all and (max-width:550px) {
/*공통팝업*/
.layerPopup {width:calc(100% - 4rem); margin:0 2rem; transform:inherit; left:0;}

.main_solution .solution_list p {padding:0 0px 20% 0px}
.main_buy {margin-top:1rem}
.main_buy h2 br {display:block;}
.main_buy .buy_con ul {display:flex; flex-wrap:wrap;}
.main_buy .buy_con ul li h3 {width:100%; margin-top:1rem; font-size:2rem; line-height:3.1rem;}
.main_buy .buy_con ul li h3 b {font-size:3rem;}
.main_buy .buy_con ul li span br {display:none; }
.main_buy .buy_con ul li span {margin-top:.5rem;}
.main_buy .buy_con ul li p img {width:80%;}
.main_portfolio::after {height:40px; background-position:center bottom}
.main_solution .substance .sticker li {margin-right:0}
.main_solution .substance .sticker li img {width:85%;}
.main_hosting {padding:5rem 20px;}

/****************************@@@@@@@@@@ 550 서브 @@@@@@@@@@****************************/
/*웹홈페이지*/
.solution .best_product > h2 {flex-wrap:wrap;}
.solution .best_product > h2 strong {width:100%; margin-bottom:1rem;}
.solution .quick_list li {width:47%;}
.solution .best_product > h2 em {width:100%;}

/*구축사례*/
.portfolio .quick_list {width:100%; margin:3rem 0 2rem 0; overflow:hidden;}
.portfolio .quick_list li {float:left; width:49%; margin:1% 2% 1% 0 } 
.portfolio .quick_list li:last-child {margin-right:0;}
.portfolio .quick_list li:nth-child(3n) {margin-right:2%;}
.portfolio .quick_list li:nth-child(2n) {margin-right:0;}
.portfolio .port_list_wrap #navTab h2 {display:none;}

/*홈페이지상세*/
.detail .quick_menu li br {display:inline-block;}
.detail .demo2 {flex-wrap:wrap;}
.detail .demo2 ul {width:100%; margin-bottom:1rem;}
.detail .demo2 ul li {width:32%;}
.detail .demo2 button {width:100%; margin-left:0;}

/*부가서비스*/
.report .special dl {width:100%; margin-right:0;}
.report .special dl:nth-child(n+3) {margin-bottom:2%;}


/*ssl보안인증서*/
.ssl .role dl {width:100%; margin-right:0;}
.ssl .role dl:nth-child(n+3) {margin-bottom:2%;}

/*신규제작상담*/
.consult .sub_title div ul li {width:49%; margin-right:2%; margin-bottom:2%;}
.consult .sub_title div ul li:nth-child(2n) {margin-right:0;}
.consult .sub_title div ul li a {border-right:1px solid #d5d5d5;}

/*홈페이지혜택*/
.benefit .hosting_table {margin-top:2rem;}
.benefit .hosting_table table {width:100%; margin-bottom:4%}
.benefit .hosting_table table:nth-child(4) {margin-bottom:0;}
.benefit .hosting_table div {display:none;}

/*홈페이지 신청방법*/
.buy_guide .issu_check dl dd h4 {font-size:2.2rem;}
.buy_guide .issu_check dl dt {min-width:5rem;}
.buy_guide .issu_check dl dd {width:100%; margin-top:1rem; font-size:14px;}

/*회사소개*/
.company_info .left_wrap p:nth-child(1) br,
.company_info .left_wrap p:nth-child(2) br {display:none;}
.company_info .c_info dl {width:100%; margin:2rem 0 0 0;}
.company_info .c_info dl:nth-child(3n) {width:100%;}

/*마이페이지*/
.mypage .my_quick ul li {width:32%; margin:0 2% 0 0;}
.mypage .my_quick ul li:nth-child(3n) {margin-right:0;}
.mypage .my_quick ul li:nth-child(n+4) {margin-top:2%;}
.mypage .tab li {width:27%;}

/*게시판*/
.board_view .view_con img {width:100% !important; height:auto !important;}
.board_view .view_con table {width:100% !important;}

.comment .commnet_bg.pc- { display:none; }
.comment .commnet_bg.mobile- { display:table-cell; }

/*회사소개 솔루션 상세페이지*/
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) {width:58%;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h {flex-wrap:wrap;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h > div {width:100%; margin-top:6px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .nf_h > div:nth-child(1) {width:100%; margin-right:0;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .c_ht {font-size:1.8rem; margin-top:10px;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price {display:block;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(1) .price b {font-size:5rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) {width:42%;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p {font-size:1.8rem;}
.detail .c_benefit_wrap .n_h .ttop li:nth-child(2) p b.num {font-size:3.5rem;}

.detail .c_benefit_wrap .n_h_benefit .list li {flex-wrap:wrap;}
.detail .c_benefit_wrap .n_h_benefit .list li .img {position:relative; width:100%; min-width:auto;}
.detail .c_benefit_wrap .n_h_benefit .list li .img span img {width:60%}
.detail .c_benefit_wrap .n_h_benefit .list li dl {width:100%; padding-left:0; margin-top:20px;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt {text-align:center;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dt br {display:block;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dd {position:relative; font-size:14px; line-height:20px; color:#444; margin-left:10px;}
.detail .c_benefit_wrap .n_h_benefit .list li dl dd::before {content:""; display:inline-block; position:absolute; top:10px; left:-10px; width:3px; height:3px; background:#333; }
.detail .c_benefit_wrap .n_h_benefit .list li .img em {position:absolute; left:0; top:-2.6rem; display:inline-block; color:#fff; background:#3e42ca; font-weight:bold; border-radius:0 0 3px 3px; width:30px; line-height:30px; text-align:center;}
}

/****************************@@@@@@@@@@ 450 메인 @@@@@@@@@@****************************/
@media all and (max-width:450px) {
.main_solution .solution_list p {padding:0 0px 35% 0px}
.main_solution .substance h3 {font-size:2rem; margin:0.7rem 0 1rem 0; line-height:2.5rem;}
.main_solution .substance .price {padding: 1rem 0 1.5rem 0;}
.main_solution .substance .price li:nth-child(1) {font-size:2rem;}
.main_solution .substance .price li:nth-child(2) em {font-size:2rem;}
.main_solution .substance .sticker {padding-left:10px;}
.main_solution .substance h3 {padding:0 10px}
.main_solution .substance .price {margin:0 10px}
.main_solution .solution_list .new_icon img {width:50%;}
.main_portfolio .pp_quick li:last-child {height:4rem; line-height:3.2rem}




.main_portfolio h2 {font-size:3.1rem; }
.main_buy h2 {font-size:3.1rem; line-height:3.5rem}
.main_hosting h2  {font-size:3.1rem;}

.main_buy .buy_con ul li  {padding:1.7rem;}

.main_buy .order ul {padding-right:2rem;} 
.main_buy .order ul li dl {width:130px; height:130px;}
.main_buy .order ul li dl dt {font-size:2rem; margin-bottom:1rem; margin-top:2rem;}
.main_buy .order ul li dl dd {font-size:1.9rem;}

.main_nameserver dl {overflow:initial;}
.main_nameserver dl dd  {letter-spacing:-0.5px;}
.main_nameserver dl dd span {display:inline-block; margin-bottom:1rem;}
.main_nameserver dl dd br {display:block} 
.main_nameserver dl dd:nth-of-type(1) {margin-right:4rem;}

.main_solution .solution_list .new_icon {right:-5px; top:-10px;} 

footer .b_quick li p:nth-child(2) {letter-spacing:-0.5px;}

/****************************@@@@@@@@@@ 450 서브 @@@@@@@@@@****************************/
/*로그인*/
.login_page .login_wrap .login_box button {font-size:2rem;}



/*구축문의*/
.portfolio .port_list_wrap #navTab ul {width:100%; margin:1.5rem 0 0 0;}

/*홈페이지상세*/
.detail .list1 li {width:49%; margin-right:2%;}
.detail .list1 li:nth-child(3n) {margin-right:2%;}
.detail .list1 li:nth-child(2n) {margin-right:0;}
.detail .detail_wrap h2 {font-size:3rem;}
.detail .detail_wrap .info_list dl {font-size:13px;}
.detail .detail_wrap .info_list dl dt {width:7.5rem;}
.detail .detail_wrap .info_list dl dd {width:calc(100% - 9.5rem)}
.detail .detail_wrap .info_list dl.event dd br {display:block;}
.detail .detail_con4 .box1 ul.talk li.naver_talk,
.detail .detail_con4 .box1 ul.talk li.kakao_talk {width:27%;}
.detail .detail_con4 .box1 ul.talk li.nate_talk {width:40%;}
.detail .detail_con4 .box1 ul.talk li:last-child {display:none;}
.detail .detail_con4 .box2 {background-size:inherit;}
.detail .detail_con4 .box2 ul {margin-left:0; width:100%;}

/*전체홈페이지*/
.solution .sub_solution_list > h2 em {width:100%; margin:15px 0 10px 0px;}

/*부가서비스*/
.addition .quick_list li {width:47%;}

/*본인인증서비스*/
/*.certify .use li {width:100%; margin-right:0;}*/
.certify .use li {padding:1rem;}

/*전자지불서비스*/
.elec_pay .pay_list .pg_btn>li button {font-size:14px;}

/*홈페이지 신청방법*/
.buy_guide .procedure li {width:100%; margin:0 0 2% 0;}

/*게시판보기*/
.board_view h2 {font-size:2.2rem; line-height:3rem;}
.board_view .answer {padding:2rem}
.board_view .answer_wrap {padding:1rem 2rem 2rem 2rem}

/*마이페이지 공통*/
.my_sub2 h2 button {margin:.5rem 0 .5rem 0}

/*호스팅신청*/
.hosting .hosting_list li h3 {font-size:2.4rem}
.hosting .hosting_list li p {font-size:14px}
.hosting .hosting_list li table:nth-of-type(1) th {font-size:14px}
.hosting .hosting_list li table:nth-of-type(1) td {font-size:14px}
.hosting .hosting_list li table:nth-of-type(2) td {font-size:14px}
.hosting .hosting_list li table:nth-of-type(2) td span {font-size:13px;}
.hosting .hosting_list li table:nth-of-type(2) td b {font-size:14px}
.hosting .hosting_list li button {font-size:1.6rem}

}


@media all and (max-width:400px) {
/****************************@@@@@@@@@@ 400 메인 @@@@@@@@@@****************************/
.main_solution .solution_list p {padding:0 5px 70% 5px}
.main_buy .order ul li dl dt {margin-bottom:0.5rem; margin-top:2rem; padding-bottom:.5rem;}
.main_buy .order ul li dl {width:120px; height:120px;}
.main_hosting .hosting_list {flex-wrap:wrap;}
.main_hosting .hosting_list>li {width:100%; margin-bottom:2rem; margin-right:0}
.main_hosting .hosting_list>li:nth-child(n+3) {margin-bottom:2rem}
.main_hosting .explain li {width:33.3%;}
.main_con .main_info {background-position:left 10px;}
.main_solution .substance .price li:nth-child(2) {width:100%; margin:.5rem 0 0rem 0;}
footer .b_con p {font-size:3rem;}

/****************************@@@@@@@@@@ 400 서브 @@@@@@@@@@****************************/
.common_btn li button {padding:1.5rem 2.5rem;}
.my_sub2 .s_search dt {width:30%; margin-right:2%;}
.my_sub2 .s_search dd {width:68%;}

/*마이페이지-sms전송내역조회,SMS결제내역*/
.sms_send .inquiry dt {display:none;}

}


@media all and (max-width:380px) {
/****************************@@@@@@@@@@ 380 메인 @@@@@@@@@@****************************/
header .m_menu .m_bottom ul li.homepage_info {display:none;}
}

@media all and (max-width:370px) {
/****************************@@@@@@@@@@ 370 메인 @@@@@@@@@@****************************/
html {font-size:51%;}
.main_portfolio h2 {font-size:3rem; }
.main_buy h2 {font-size:3rem;}
header.off {height:6.5rem;}
header .m_menu .m_top>ul li a i {display:none;}
.main_solution .substance .sticker {padding-left:1.5rem;}
.main_solution .substance h3 {padding:0 1.5rem;}
.main_solution .substance .price {margin:0 1.5rem}


/****************************@@@@@@@@@@ 서브 @@@@@@@@@@****************************/
/*마이페이지*/
.mypage .table_all tr:last-child td {top:-40px;}
.solution .quick_list {padding:0 1rem;}
.addition .quick_list {padding:0 1rem;}
.mypage .bottom_box>div {padding:1rem;}
.mypage .my_info .my_info1 div {padding:1rem;}
.mypage .my_quick {padding:1rem;}
.mypage .my_box div:nth-of-type(1) h4 span::after {bottom:-0.7rem;}
.mypage .my_box div:nth-of-type(2) h4 span::after {bottom:-1.2rem;}

/*홈페이지전체*/
.main_solution .solution_list p {padding:0 0px 65% 0px}

/*홈페이지상세*/
.detail .detail_wrap .price dl dd {width:80px; padding:2rem;}
.detail .detail_wrap .info_list dl dd {flex-wrap:wrap;}
.detail .detail_wrap .info_list dl dd b {width:100%;}
.detail .detail_wrap .info_list dl dd button {margin:1rem 0 0 0;}
.detail .quick_menu li a {font-size:1.6rem;}

/*구축신청*/
.s_appli .table1 .evo-palette td {padding:5.1px;}
.s_appli .free_hosting_info dl dt br {display:none;}
.s_appli .free_hosting_info dl dt {width:100%; border-right:0;}
.s_appli .free_hosting_info dl dd {width:100%; padding:0 0 .5rem 0;}
.s_appli .out_hositng dl dt {width:100%;}
.s_appli .out_hositng dl dd {width:100%;}
}



@media all and (max-width:360px) {
header .m_menu {width:100%;}
header .m_menu .m_bottom ul li.homepage_info p {display:none;}
}