@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* ³×À̹ö ÅåÅå */
.talk_banner_div {position: fixed;right: 5%;bottom: 23px;z-index: 9999}
.talk_banner_div .talk_banner_preview {border-radius: 24px;height: 48px !important;}
.talk_banner_div .talk_expose_green {background-color: #c7000d;border: 1px solid #b68449;}


/* »èÁ¦¿µ¿ª */
article#ctt header { display:none; }


/* coming soon */
section#coming_wrap { background:url(/img/content/coming_back.png); background-size:cover; padding: 120px 10px 200px 10px !important; box-sizing:border-box; margin-top: -70px; }
section#coming_wrap span { display:inline-block; }


#js-grid-lightbox-gallery.cbp img {width: auto !important;display: inline-block !important;}

/* °øÅë */
/* .row { margin-right: 0 !important;margin-left: 0 !important;box-sizing:border-box; } */
.block { display:block !important; }
.in_block { display:inline-block !important; }
.tal { text-align:left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.mcolor { color:#c7000d !important; }
.bcolor { color:#cb9352 !important; }
.c_white { color:#fff !important; }
.wid100 { width:100% !important; }
.flr { float: right; }
.fll { float: left; }


span.img { display:block; width:100%; text-align: center; vertical-align: middle; box-sizing:border-box; }
span.img img { display:inline-block; max-width:100%; height:auto; }
span.i_size { height:62px; }
.icon_tit { margin-top: 10px; font-weight: 600; }
.icon_txt { text-align: center; display:block; font-size:16px; margin-top: 10px; }
p.sec_txt { font-size:14px; color:#343434; line-height: 23px; text-indent: 5px; }
h1.sec_tit1 { font-size:40px; font-weight: 600; }
h2.sec_tit2 { font-size:24px; font-weight: 600; margin-top: 32px; }
h2.sec_tit2 span { font-weight: 400; }
.bg-main { background:#c7000d; }
.ft_fff { color:#fff !important; }

/* .main-contain { padding-top: 0 !important; padding-bottom: 0 !important; } */
section.home-main-contant-style { width:100% !important; }
.container {  }


/* °ßÀû¹®ÀǹöÆ° */
div.estimateBtn {text-align:center; margin:50px 0;}
div.estimateBtn a {display:inline-block; background:#fdb811; border-radius:10px; font-size:22px; color:#222; font-weight:bold; padding:20px; letter-spacing:-1px; transition:0.5s;  -webkit-transition:0.5s; box-sizing:border-box; border: 2px solid transparent; }
div.estimateBtn a:hover {text-decoration:none; color:#fdb811; background:transparent; border: 2px solid #fdb811; transition:0.5s;  -webkit-transition:0.5s;}


/* ÆùÆ® */
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs20 { font-size:20px !important; }


.fw800 { font-weight: 800 !important; }
.fw600 { font-weight: 600 !important; }
.fw500 { font-weight: 500 !important; }
.fw400 { font-weight: 400 !important; }
.fw200 { font-weight: 200 !important; }

/* ¸¶Áø */
.mr30 { margin-right: 30px !important; }
.mr50 { margin-right: 50px !important; }


.ml30 { margin-left: 30px !important; }
.ml50 { margin-left: 50px !important; }


.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb80 { margin-bottom: 80px !important; }

.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt60 { margin-top: 60px !important; }


/* Æеù */
.pt0 { padding-top: 0 !important; box-sizing:border-box; }
.pt20 { padding-top: 20px !important; box-sizing:border-box; }

.ff_titi { font-family: 'Titillium Web', sans-serif; }



.contact_map,
.ctt_intro_180601 { padding-top: 50px; box-sizing:border-box; }


/* ȸ»ç¼Ò°³ */
section.intro-section { padding: 50px 0 130px !important; }
.ctt_intro_180601 .top-line { display:flex; justify-content:space-between; }
.ctt_intro_180601 .top-line .logo_box {  }
div.about_pc { text-align: center; padding-top: 20px; box-sizing:border-box; }
div.about_pc span { display:inline-block; text-align: center; }
h5.welcome { font-size: 30px; color:#cb9352; font-weight: 500;box-sizing:border-box; }
p.about_intro { font-size:16px; color:#3b3b3b; line-height: 25px; }
div.about_txt { box-sizing:border-box; padding-top: 92px; }
div.about_txt .stit { font-size:20px; color:#3b3b3b; font-weight: 600; padding: 5px 0 15px; box-sizing:border-box; }
div.cbp-nav { display:none; }

.home-main-contant-style .bot-line { margin-top: 0; }
.ctt_intro_180601 .top-line .logo_mean  {  }
.ctt_intro_180601 .top-line .logo_mean .tit { font-size:18px; font-weight: 600; margin-top: 50px;; }
.ctt_intro_180601 .top-line .logo_mean .txt { font-size:15px; }
.ctt_intro_180601 .top-line .logo_mean .txt .red { color:#c7000d; }

.intro-section .cbp-l-grid-slider-team-name { font-size:14px; font-weight: 400; font-family: "raleway"; }
.intro-section .cbp-l-grid-slider-team-position { font-size:20px; font-weight: 600; color:#3b3b3b; }
.intro-section .cbp-l-grid-slider-team-desc { font-size:14px; font-weight: 400; color:#3b3b3b; line-height: 22px; letter-spacing: -0.07em; }

div.cbp-caption, div.team-block-style { box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); }
div.team-block-style { min-height:190px; padding: 20px; }
div.cbp-caption-defaultWrap { position: relative; }
/* div.cbp-caption-defaultWrap span.opacity05 { display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); position:absolute; left:0; top:0; } */

p.ceo_intro .red { color:#c7000d; margin-top: 20px; }
h5.ceo_name { font-size:18px; font-weight: 600; text-align: center; margin-top: 20px; }



/* location */
/*
div.contact_map { position: absolute; left:0; }
section.contact_icon { margin-bottom: 50px; }
div.blank_box1 { height:580px; }*/
div.root_daum_roughmap.root_daum_roughmap_landing { width:100% !important; }


/* ¸ð¹ÙÀÏ ÆäÀÌÁö */



/* À¥ÆäÀÌÁö */
.pricingTable-header i { width:70px; height:70px; background:#c7000d; border: 1px solid #fff; box-sizing:border-box; border-radius: 35px; text-align: center; vertical-align: middle; }
.pricingTable-header i img { display:inline-block; vertical-align: middle; }
.pricingContent li span { border-bottom: 1px solid #666; color:#666; }
.web_wrap ul#flowList li { float:left; width:20%; text-align:center; }
.web_wrap ul#flowList li i { display:block; width:140px; line-height:140px; margin:0 auto; }
.web_wrap ul#flowList li i img { vertical-align: middle; }
.web_wrap div.blank_box-767 { clear:both; display:none; }
.web_wrap ul#flowList li .icon_txt { margin-top: -5px; }
.web_wrap ul#flowList li .icon_txt li { float: none; width:100%; margin-top: 10px; }



/* È£½ºÆà */
section#hosting { background:url(/img/content/hosting_back.png) no-repeat; background-size:cover; position:relative; padding: 0 !important; }
section#hosting div.left { text-align:center; }
section#hosting div.right {	margin-top:70px; }
section#hosting h4 strong {	display:block; font-size:80px; line-height:80px; margin:20px 0 30px; }
section#hosting div.fullsdd { position:absolute; left:35%; top:350px; width:150px; height:150px;  background:url(/img/content/fullsdd.png) no-repeat; }
section#hostingWhy { padding:50px 0; }
section#hostingWhy li {	width:33.3%; }
section#hostingPrice { background:#f2f2f2; padding:50px 0; }
section#hostingPrice p { text-align:center; }

.hosting_wrap ul#flowList li { float:left; text-align:center;  }
.hosting_wrap ul#flowList li i { display:block; border-radius:50%; width:140px;	line-height:140px; margin:0 auto; background:#c7000d; }
.hosting_wrap ul#flowList li i img { vertical-align: middle; }
.hosting_wrap ul#flowList li p { padding:0 20%; box-sizing:border-box; margin-bottom: 50px; }

.hosting_wrap ul#priceList2 { }

.hosting_wrap ul#priceList2 li { float:left; text-align:center; width:20%; }
.hosting_wrap ul#priceList2 li:hover i { background:#c7000d; }
.hosting_wrap ul#priceList2 li:hover { position:relative; top:-10px; }
.hosting_wrap ul#priceList2 li dl { margin:0; padding:0; border: 2px solid #e5e5e5; box-sizing:border-box; margin-left: 1.25%; }
.hosting_wrap ul#priceList2 li dl.fist-child { margin-left: 0; }
.hosting_wrap ul#priceList2 li dl:hover { border: 2px solid #c7000d; box-shadow:0 0 30px rgba(0,0,0,0.2); }
.hosting_wrap ul#priceList2 li dl dt { background:#FFF; padding:20px; }
.hosting_wrap ul#priceList2 li dl dt h5 { color:#444; padding:10px 0; margin:0; font-weight:700; font-size:20px; letter-spacing: -0.1em; }
.hosting_wrap ul#priceList2 li dl dt i { display:inline-block; margin:0 auto; border:10px solid #ecf0f3; background:#9d9d9d; border-radius:50%; line-height:30px; font-size:23px; font-style:normal; font-weight:300; padding:40px 20px; color:#FFF; }
.hosting_wrap ul#priceList2 li dl dt i span { font-family:'nanum Gothic'; }
.hosting_wrap ul#priceList2 li dl dt p { background:#1f2a31; color:#FFF; font-size:17px; line-height:60px; margin:10px 0 0; font-family:'nanum Gothic'; text-align:center; }
.hosting_wrap ul#priceList2 li dl dt.bgBlue { background:#00aeef; }
.hosting_wrap ul#priceList2 li dl dt.bgBlue p { background:#169fe6; }
.hosting_wrap ul#priceList2 li dl dd { border-bottom:1px solid #e3e3e3; margin:0; padding:10px 20px; background:#fff; }
.hosting_wrap ul#priceList2 li dl dd.grayBg { background:#f6f7fb; }
.hosting_wrap ul#priceList2 li dl dd p { padding:0; margin:0; color:#444; font-size:17px; font-weight:700; font-family:'nanum Gothic'; text-align:center; }
.hosting_wrap ul#priceList2 li dl dd u { font-size:14px; color:#666; }
.hosting_wrap ul#priceList2 li dl dd p.colorBlue { color:#1ecaf8; }


/* À¯Áöº¸¼ö */
div.maintance_wrap .pricingTable-header i { width:100%; background:none; border-radius: 0; border: 0; text-align: center; }


/* ºñÁ¯ */
.vision_wrap ul.boxList { margin-top:40px; }
.vision_wrap ul.boxList li { background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2); margin-bottom:2%; }
.vision_wrap ul.boxList li.blank_box-li { box-shadow:none; border: 0; background:none; }
.vision_wrap ul.boxList li h5 { font-size:30px; font-weight:400; margin:30px; }
.vision_wrap ul.boxList li div.visionList { min-height:70px; padding-bottom:0; margin:10px 30px; }
.vision_wrap ul.boxList li div.visionList figure { background:#f2f2f2; border-radius:50%; width:60px; line-height:60px; text-align:center; float:left; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
.vision_wrap ul.boxList li div.visionList h6 { color:#00aeef; margin:0 0 0 80px; }
.vision_wrap ul.boxList li div.visionList p { text-align:left!important; margin:0 0 0 80px; letter-spacing: -0.1em; }
.vision_wrap ul.boxList li div figure img { vertical-align: middle; }


/* ÀԱݾȳ» */
.deposit-info li { font-size:18px; line-height: 35px; font-weight: 600; }
.deposit-info li p { width:100px; display:inline-block; }
.deposit-info li span { vertical-align: middle; display: inline-block; }


/* 로고페이지 */
.logo_wrap .no_under { text-decoration: none; }

section.slide_wrap { margin-top: 0; }
div#slide_wrap { position: relative; padding: 60px 0; box-sizing: border-box; }
article.btn_box span { position: absolute; z-index: 99; cursor: pointer; }
article.btn_box span.lf_btn { left: 0; }
article.btn_box span.rt_btn { right: 0; }
.logo_wrap ul.slide { margin: 0 auto; }
.logo_wrap ul.slide li { float: left; text-align: center; }

.logo_wrap ul#priceList2 li { float:left; text-align:center; width:20%; }
.logo_wrap ul#priceList2 li:hover i { background:#c7000d; }
.logo_wrap ul#priceList2 li:hover { position:relative; top:-10px; }
.logo_wrap ul#priceList2 li dl { margin:0; padding:0; border: 2px solid #e5e5e5; box-sizing:border-box; margin-left: 1.25%; }
.logo_wrap ul#priceList2 li dl.fist-child { margin-left: 0; }
.logo_wrap ul#priceList2 li dl:hover { border: 2px solid #c7000d; box-shadow:0 0 30px rgba(0,0,0,0.2); }
.logo_wrap ul#priceList2 li dl dt { background:#FFF; padding:20px; }
.logo_wrap ul#priceList2 li dl dt h5 { color:#444; padding:10px 0; margin:0; font-weight:500; font-size:20px; letter-spacing: -0.02em; }
.logo_wrap ul#priceList2 li dl dt h5 span { font-size:14px; font-weight: 300; }
.logo_wrap ul#priceList2 li dl dt a { background:#c7000d; color:#fff; font-weight: 500; display: inline-block; width: 112px; height:38px; font-size:16px; line-height: 36px; border: 1px solid transparent; box-sizing: border-box; margin-top: 10px;  }
.logo_wrap ul#priceList2 li dl dt a:hover { background:#fff; color:#c7000d; border: 1px solid #c7000d; }
.logo_wrap ul#priceList2 li dl dt i { display:inline-block; margin:0 auto; border:10px solid #ecf0f3; background:#9d9d9d; border-radius:50%; line-height:30px; font-size:23px; font-style:normal; font-weight:400; padding:40px 20px; color:#FFF; }
.logo_wrap ul#priceList2 li dl dt i span { font-family:'nanum Gothic'; }
.logo_wrap ul#priceList2 li dl dt p { background:#1f2a31; color:#FFF; font-size:17px; line-height:60px; margin:10px 0 0; font-family:'nanum Gothic'; text-align:center; }
.logo_wrap ul#priceList2 li dl dt.bgBlue { background:#00aeef; }
.logo_wrap ul#priceList2 li dl dt.bgBlue p { background:#169fe6; }
.logo_wrap ul#priceList2 li dl dd { border-bottom:1px solid #e3e3e3; margin:0; padding:10px 20px; background:#fff; }
.logo_wrap ul#priceList2 li dl dd.grayBg { background:#f6f7fb; }
.logo_wrap ul#priceList2 li dl dd p { padding:0; margin:0; color:#444; font-size:17px; font-weight:700; font-family:'nanum Gothic'; text-align:center; }
.logo_wrap ul#priceList2 li dl dd u { font-size:14px; color:#666; }
.logo_wrap ul#priceList2 li dl dd p.colorBlue { color:#1ecaf8; }
.logo_wrap #priceList2 dt figure { line-height: 20px; font-weight: 400; }



section#logo_back { background: url(/img/content/logo_plan-back.png); background-size: cover;  }
h3.back_tit { font-size:25px; font-weight: 500; color:#fff; text-align: center; }
.logo_wrap ul#flowList {width: 100%; text-align:center; }
.logo_wrap ul#flowList li.arrow { vertical-align: middle; margin: 0 1.31%; }
.logo_wrap ul#flowList li { display: inline-block; text-align:center; height: 97px; }
.logo_wrap ul#flowList li i { display: inline-block; }


/* edit */
.edit_wrap p.sec_txt { font-size:16px; font-weight: 400; }
a.order_btn { display: inline-block; width: 112px; height:38px; line-height: 38px; color:#fff; background:#c7000d; font-size:16px; font-weight: 500; border: 1px solid transparent; transition: all 0.7s; text-align: center; }
a.order_btn:hover { color:#c7000d; background:#fff; border: 1px solid #c7000d; }
.edit_wrap p.sec_txt a.order_btn { margin-left: 24px; }
span.tit_br { display: inline-block; width: 74px; height: 3px; background: #c7000d; }
.edit_wrap.line_1 ul#flowList li { margin-top: 50px; }
.edit_wrap.line_1 ul#flowList article { padding-left: 20px; box-sizing: border-box; }
.edit_wrap.line_1 ul#flowList h5 { font-size:20px; font-weight: 400; }
.edit_wrap.line_1 ul#flowList p { font-size:14px; font-weight: 300; }


.edit_type { margin: 35px auto 0 auto; }
.edit_type li { display: inline-block; }
.edit_type li a { font-size:16px; color:#6a6a6a; font-weight: 400; padding: 5px 13px; box-sizing: border-box; border: 1px solid transparent; }
.edit_type li a:hover { color:#c7000d; border: 1px solid #c7000d; }


.edit_prd-list {margin-top: 45px;}
.edit_prd-list li { overflow: hidden; }
.edit_prd-list div { overflow: hidden; display: inline-block; padding-right: 0; height: 248px; }
.edit_prd-list figure { background: rgba(0, 0, 0, 0.8); width: 100%; height:100%; opacity:0; transition: all 0.3s; margin-top: 0; position: relative; z-index: 99; text-align: center; }
.edit_prd-list li:hover figure { opacity: 1; margin-top: -248px; }
.edit_prd-list figure h5 { font-size:14px; color:#c7000d; font-weight: 300; padding-top: 40px; box-sizing: border-box; }
.edit_prd-list figure .prd_code { font-size: 24px; color:#fff; font-weight: 400; margin-top: 9px; }
.edit_prd-list figure .option { color:#fff; font-size:14px; margin-top: 30px; font-weight: 200; }
.edit_prd-list figure .order_btn { margin-top: 34px; }





/* edit order */
#bg-gray { background:#f4f4f4 !important; }
.bd0 { border: 0 !important; }
ul.img-slide { padding: 0; }
ul.img-slide li { float: left; padding: 0; }
ul.img-slide li a { display: inline-block; height: 125px; width: 100%; background: #313131; border: 5px solid transparent; box-sizing:border-box; transition: all 0.5s;    color:#fff; line-height: 125px; text-align: center; }
ul.img-slide li a:hover { border: 5px solid #c7000d; }

.order_wrap article { border-top: 2px solid #313131; box-sizing:border-box; }
.order_wrap .second_div article { padding: 25px 100px 24px 29px; box-sizing: border-box; }
.order_wrap h5.sample { font-size:16px; color:#c7000d; font-weight: 400; box-sizing: border-box; }
.order_wrap h4.prd-tit { font-size:40px; font-weight: 400; padding: 0; line-height: 1.1; margin-bottom: 24px; }
.order_wrap h4.prd-tit a { float: right; margin-top: 5px; }

.order_wrap table { border-top: 1px solid #ccc; }
.order_wrap tr:nth-child(even) { background: #fff; }
.order_wrap .order_opt th { background: url(/img/content/bl_dot.png) 20% center no-repeat; border: 0; font-size: 15px; box-sizing: border-box; padding: 5px 0 5px 60px; width: 36.89% }
.order_wrap .order_opt td { border: 0; padding: 5px 0; }
.order_wrap .order_opt td select { height: 27px; width: 71%; padding: 0 31px 0 11px; box-sizing: border-box; background:url(/img/content/edit_dw-arrow.png) 98% center no-repeat; font-size:0.95em; border: 1px solid #ccc; }
button.search { width: 27px; height: 27px; background: #c7000d center center no-repeat; border: 0; background-image: url(/img/content/edit_search.png); }
button.que { display: inline-block; width: 27px; height: 27px; background: #ccc; border: 0; border-radius: 50%; color:#fff; font-weight: 600; font-size:15px; font-weight: 300; }
.order_wrap .order_opt.first_tb p { font-size:13px; color:#aaa; padding: 0 31px 0 11px; box-sizing: border-box; width: 71%; }
.order_wrap .order_opt.first_tb p span { font-weight: 200; float: right; }

.order_wrap .order_opt.second_tb { color:#aaa; }
.order_wrap .order_opt.second_tb th { color:#313131; }
.order_wrap .order_opt.second_tb p.select { width: 71%; height: 27px; background: #ccc; color:#fff; padding: 0 31px 0 11px; box-sizing: border-box; float: left; }
.order_wrap .order_opt.second_tb p.select span { float: right; }
.order_wrap .order_opt.second_tb span.subt { display: inline-block; width: 23px; height: 23px; border: 2px solid #ccc; font-weight: 800; margin-left: 7px; font-size: 24px; text-align: center; line-height: 16px; margin-top: 2px; }
.order_wrap .order_opt.second_tb div { margin-top: 9px; }
.order_wrap table.order_price { border-top: 1px solid #ccc; border-bottom: 2px solid #313131; }

.order_wrap .substance_tb { border: 0; margin-top: 30px; }
.order_wrap .order_substance1 th { background: url(/img/content/bl_dot.png) 3% center no-repeat; border: 0; font-size: 15px; box-sizing: border-box; padding: 5px 0 5px 30px; width: 36.89% }
.order_wrap .order_substance1 textarea { width:48%; margin-left: 3%; height:125px; color:#aaa; padding: 13px 0 0 11px; box-sizing: border-box; resize: none; }
.order_wrap .order_substance1 textarea#front { margin-left: 0; }

.order_wrap .order_substance2 th { background: url(/img/content/bl_dot.png) 8% center no-repeat; border: 0; font-size: 15px; box-sizing: border-box; padding: 5px 0 5px 60px; }
.order_wrap .order_substance2 .depth1_th span { color:#aaa; font-size:13px; font-weight: 200; margin-left: 10px; }
.order_wrap .order_substance2 .depth2_tb { margin-top: 5px; font-size: 13px; width: 100%; }
.order_wrap .order_substance2 .depth2_tb th { background: none; border-top: 2px solid #ccc; border-right: 2px solid #ccc; box-sizing: border-box; padding-left: 0; text-align: center; }
.order_wrap .order_substance2 .depth2_tb th:first-child { border-left: 2px solid #ccc; }
.order_wrap .order_substance2 .depth2_tb td { background: none; border-top: 2px solid #ccc; border-right: 2px solid #ccc; box-sizing: border-box; border-bottom: 2px solid #ccc; text-align: center; }
.order_wrap .order_substance2 .depth2_tb td:first-child { border-left: 2px solid #ccc; }
.order_wrap .order_substance2 .depth1_td { padding: 18px 95px; box-sizing: border-box; }
.order_wrap .order_substance2 button { width:36px; height:21px; border: 0;background:#ccc; }
.order_wrap .order_substance2 button.cancel { color:#8d8d8d; }

.bg-img#edit_order { background: url(/img/content/logo_plan-back.png); }

#edit_order p { color:#aaa; }
#edit_order button { margin-top: 10px; }
#edit_order button.basic_btn { margin-right: 31px; }
button.basic_btn { background: #aaa; width: 166px; height:51px; color:#fff; font-weight: 500; font-size:18px; border: 2px solid transparent; transition: all 0.5s; box-sizing: border-box; }
button.basic_btn:hover { color:#aaa; border: 2px solid #aaa; background: transparent; }
button.order { background: #c7000d; width: 166px; height:51px; color:#fff; font-weight: 500; font-size:18px; border: 2px solid transparent; transition: all 0.5s; box-sizing: border-box; }
button.order:hover { color:#c7000d; border: 2px solid #c7000d; background: transparent; }

#edit_order ul#flowList li { float:left; text-align:center;  }
#edit_order ul#flowList li i { display:block; border-radius:50%; width:70px;	line-height:70px; margin:0 auto; background:#c7000d; }
#edit_order ul#flowList h5 { color:#313131; font-size: 18px; letter-spacing: -0.1px; }
#edit_order ul#flowList li i img { vertical-align: middle; }
#edit_order ul#flowList li p { box-sizing:border-box; margin-bottom: 50px; font-size: 13px; color:#aaa; }
#edit_order ul#flowList li article { margin-left: 21px; }

.line_4#edit_order { padding: 57px 0 5px !important; }
.line_4#edit_order div { height: 180px; }
.line_4#edit_order h1 { font-size:25px; text-align:left; line-height: 1.1; }
.line_4#edit_order p { text-align:left; color:#313131; font-size:13px; line-height: 18px; margin-top: 5px; }
.line_4#edit_order a.basic_btn { margin-top: 45px; }
a.basic_btn { display: inline-block; width:104px; height:27px; color:#fff; background: #aaa; border: 1px solid transparent; line-height: 27px; font-size:16px; transition: all 0.5s; text-align: center; }
a.basic_btn:hover { color:#aaa; border: 1px solid #aaa; background: transparent; }


.line_4#edit_order .edit_prd-list { margin-top: 0; }
.line_4#edit_order .edit_prd-list li { overflow: hidden; padding: 0; height: 180px; }
.line_4#edit_order .edit_prd-list div { overflow: hidden; display: inline-block; padding-right: 0; }
.line_4#edit_order .edit_prd-list figure { background: rgba(0, 0, 0, 0.8); width: 100%; height:100%; opacity:0; transition: all 0.3s; margin-top: 0; position: relative; z-index: 99; text-align: center; }
.line_4#edit_order .edit_prd-list li:hover figure { opacity: 1; margin-top: -180px; }
.line_4#edit_order .edit_prd-list figure h5 { font-size:14px; color:#c7000d; font-weight: 300;margin-top: 10px; padding-top: 0; }
.line_4#edit_order .edit_prd-list figure .prd_code { font-size: 24px; color:#fff; font-weight: 400; padding-top: 45px; box-sizing: border-box; margin-top: 0; }
.line_4#edit_order .edit_prd-list figure .option { color:#fff; font-size:14px; margin-top: 15px; font-weight: 200; }
.line_4#edit_order .edit_prd-list figure .order_btn { margin-top: 34px; }



#logo_ord-wrap.line_1 .lord_tit { font-size:25px; color:#333; }
#logo_ord-wrap.line_1 h3 strong { font-weight: 400; font-size:20px;  }
#logo_ord-wrap.line_1 h3 span { font-weight: 300;font-size:16px; }
#logo_ord-wrap.line_1 .lord_txt { font-size:16px; color:#333; font-weight: 500; }
#logo_ord-wrap.line_1 ul.lord_list li { font-size:14px; color:#333; font-weight: 500; }

#logo_ord-wrap.line_2 h5.input_tit { font-size:16px; color:#333; line-height: 1.1; margin-bottom: 11px; }
#logo_ord-wrap.line_2 .right_area article { float: left; margin-left: 30px; }
#logo_ord-wrap.line_2 article { width:77%; float: right; margin-right: 30px; }
#logo_ord-wrap.line_2 article.last_article { margin-top: 50px; }
#logo_ord-wrap.line_2 input { width: 100%; height:38px; border: 2px solid #ccc; box-sizing: border-box; color:#a3a3a3; padding-left: 10px; font-size:16px; font-weight: 400; }
#logo_ord-wrap.line_2 article input { margin-top: 8px; }
#logo_ord-wrap.line_2 article textarea { width: 100%; resize: none; height: 88px; padding: 4px; color:#d3d3d3; padding-left: 10px; font-size:16px; font-weight: 400; }
#logo_ord-wrap.line_2 ul.color_list { margin-bottom: 0px; }
#logo_ord-wrap.line_2 ul.color_list li { border: 1px solid transparent; box-sizing: border-box; cursor: pointer; width:33px; height:33px; text-align: center; float: left; margin:0 1px; }
#logo_ord-wrap.line_2 ul.color_list li.active { border: 1px solid #000; }
#logo_ord-wrap.line_2 ul.color_list span { border: 1px solid #000; box-sizing: border-box; display: inline-block; width: 29px; height:29px; margin-top: 1px;}
#logo_ord-wrap .color_list li.cff0000 span { background:#ff0000; }
#logo_ord-wrap .color_list li.cff9934 span { background:#ff9934; }
#logo_ord-wrap .color_list li.c9a6601 span { background:#9a6601; }
#logo_ord-wrap .color_list li.cffff01 span { background:#ffff01; }
#logo_ord-wrap .color_list li.cccff34 span { background:#ccff34; }
#logo_ord-wrap .color_list li.c669934 span { background:#669934; }
#logo_ord-wrap .color_list li.c33ffff span { background:#33ffff; }
#logo_ord-wrap .color_list li.c3266cc span { background:#3266cc; }
#logo_ord-wrap .color_list li.c9a33cc span { background:#9a33cc; }
#logo_ord-wrap .color_list li.cff33cc span { background:#ff33cc; }
#logo_ord-wrap .color_list li.c999999 span { background:#999; }
#logo_ord-wrap .color_list li.c333333 span { background:#333; }

#logo_ord-wrap.line_2 p { font-size:15px; color:#aaa; }








/* media */
@media only screen and (max-width: 1600px) {

	section#hosting div.fullsdd { left:25%; top:350px; }	

	.ctt_intro_180601 .top-line { overflow:hidden; }
	div.about_txt { padding-left: 15px; box-sizing:border-box; }
	div.about_pc { margin-right: -50px; }

}

@media only screen and (max-width: 1400px) {
	
	.ctt_intro_180601 .top-line { align-items:center; }
	p.about_intro br { display:none; }
	.ctt_intro_180601 .top-line .logo_mean .txt br { display:none; }
	div.about_txt { padding-top: 0; }

}

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

	section#hosting div.fullsdd { left:25%; top:350px; }	
	
	.ctt_intro_180601 .top-line { flex-wrap:wrap; overflow:visible; }
	div.about_txt { width:100%; }
	div.about_pc { width:100%; margin-right: 0; text-align: center; }

}

@media only screen and (max-width: 1199px) {
	
	h5.welcome { padding-top: 20px; }
	p.about_intro br { display:none; }
	.home-main-contant-style .bot-line .txt-box .txt br { display:none; }

	section#hosting { background-position:center center; }
	section#hosting div.fullsdd { left:25%; top:300px; }

	div#slide_wrap { padding: 0; }
}

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

	div.about_txt { padding-left: 30px; padding-right: 30px; }
	.home-main-contant-style .bot-line { margin-top: 50px; }
	.home-main-contant-style .bot-line .left-box .img { margin-top: 20px !important; }
	.home-main-contant-style .bot-line .right-box { margin-top: 50px !important; }
	.home-main-contant-style .bot-line .right-box .img { margin-top: 20px; }

	.contact_icon .single-contact-option { min-height:200px; }

	section#hosting div.right {	margin-top:30px; margin-bottom: 30px; margin-right: 0; }
	section#hosting div.fullsdd { left:70%; top:350px; }
	.hosting_wrap ul#priceList2 li { width:50%; margin-top: 10px; }
	.logo_wrap ul#priceList2 li { width:50%; margin-top: 10px; }

	#logo_ord-wrap.line_2 .right_area article { float: none; margin-left: 0; }
	#logo_ord-wrap.line_2 article { margin-top: 50px; width:100%; float: none; margin-right: 0; margin-top: 0; }
	#logo_ord-wrap.line_2 article.me_wi991 { clear: both; margin-top: 30px; }


	.web_wrap ul#flowList li { letter-spacing: -0.07em; }
}


@media only screen and (max-width: 767px) {
	section#hosting div.right {	margin-top:30px; margin-bottom: 30px; margin-right: 0; }
	section#hosting div.fullsdd { left:70%; top:350px; }
	.hosting_wrap ul#priceList2 li { width:50%; margin-top: 10px; }
	.logo_wrap ul#priceList2 li { width:50%; margin-top: 10px; }
	.edit_prd-list li { margin-top: 40px; }

	.web_wrap ul#flowList > li { width:50%; min-height:330px; }

	.home-main-contant-style{ padding: 50px 0 !important; }
}

@media only screen and (max-width: 479px) {
	.hosting_wrap ul#priceList2 li { float:none; width:100%; margin-top: 10px; }
	.logo_wrap ul#priceList2 li { float:none; width:100%; margin-top: 10px; }

	.edit_wrap.line_1 ul#flowList li { text-align: center;; padding-left: 0; }
	.edit_wrap.line_1 ul#flowList h5 { text-align: center !important; }
	.edit_wrap.line_1 ul#flowList p { text-align: center !important; }


	.web_wrap ul#flowList > li { width:100%; min-height:10px; }

}