@charset "utf-8";
/* CSS Document */

/* img_hosting style */
/* left */
#img_hosting img{width:100%; height:auto;}
#img_hosting .page_info img{ width:auto; height:100%; float:right;}

@media (max-width: 350px) {
	#img_hosting .page_info img{ width:90%; height:auto;}
}
#img_hosting .ui-state-hover a, #img_hosting .ui-state-hover a:hover, #img_hosting .ui-state-hover a:link, #img_hosting .ui-accordion-content li a:hover, #img_hosting .ui-accordion-content li a:focus { color: #8d1779 !important;background:#f0f0f0; }
#img_hosting .left_accordion .ui-state-hover, #img_hosting .left_accordion .ui-state-focus, #img_hosting .left_accordion .ui-state-active { border-bottom: 2px solid #8d1779 !important; }
#img_hosting .left_accordion .ui-state-hover, #img_hosting .ui-state-active { color: #8d1779 !important; }
@media only screen and (min-width:600px) and (max-width:768px) {
#img_hosting img{width:auto;}
#img_hosting .guide img{width:100%;}
}
/* */
.contents_box h4 { color: #8d1779; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #8d1779; }
.color_blue { color: #8d1779 !important; }
#img_hosting span.h3_before { color: #8d1779; }
/* */
#img_hosting .form_table { border-top: 1px solid #8d1779; }
#img_hosting .add_title { color: #8d1779; }
#img_hosting .apply_form h4 span input[type=checkbox]:checked + label { color: #8d1779; }
#img_hosting .seach_more:hover { color: #8d1779; border: 1px solid #7fafe4; }
#img_hosting aside .btn_next { background: #8d1779; }
/* img_hosting */
.m_t_30 {margin-top:30px;}
.font_20 {font-size:18px;}
.font_30 {font-size:24px; line-height:130%;}
.cdn_ad { overflow: hidden; margin-bottom: 20px; padding-bottom:20px; border-bottom: 1px solid #ddd; min-height: 170px;  }
.cdn_ad img{width:auto !important; height:100% !important; }
.cdn_ad li{width:100%;}
.cdn_ad li:first-child{text-align:center;}
.cdn_ad span { padding-top: 15px; display: inline-block; line-height:160%}
.btn_img_h { background: #8d1779; padding: 0 50px; color: #fff; line-height: 30px; margin-top: 18px; }
.btn_link { background: #8d1779; padding: 2px 15px; color: #fff; line-height: 30px; margin-top: 18px; font-size: 13px; }
.m_money_w { width:300px; margin: 0 auto; }
.m_money_list { width:146px; height:auto; margin:0 2px 5px 2px; padding:50px 0; float: left; background: url(/img/img_hosting/m_money01.gif) no-repeat left; background-size:100% }
.m_money_list li { width: 100%; line-height: 205%; font-size: 70%; margin-left: 70px; }
.m_money_list li:nth-child(1) { padding-top: 0; margin-top:70px; }
.m_money2 { background: url(/img/img_hosting/m_money02.gif) no-repeat left;background-size:100% }
.m_money3 { background: url(/img/img_hosting/m_money03.gif) no-repeat left; background-size:100% }
.m_money4 { background: url(/img/img_hosting/m_money04.gif) no-repeat left; background-size:100% }
img.float_l{width:40% !important; height:auto;  padding:0 5% 0 55%; background:#333;}
.recom { width: 100%; float: left; height: auto; background: #eee; padding: 10px 0; }
.recom li { padding: 5px 10px; }
.m_w100 .btn_grey { margin: 5px 2px 0 0; }
h3 .btn_grey { padding: 7px; height: auto; margin: 0 2px 0 0; }

.type_tabs div { border: 1px solid #8d1779; padding: 10px; margin: 10px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); height: 100%; }
.type_tabs div.col_5 { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); }
.type_tabs div:hover { border: 2px solid #8d1779; box-shadow: 2px 2px 4px #e8e8e8; color: #000; padding: 9px; }
.type_tabs h3 { font-size: 22px; margin: 5px 0 5px; font-weight: 300; font-weight: normal; color: #8d1779; word-spacing: 3px; }
.type_tabs ul { padding: 0; min-height: inherit; font-size: 14px; }
.type_tabs li { padding-bottom: 5px; line-height: 120%; }
.type_tabs .btn_apply { clear: both; position: relative; margin-top: 20px; padding: 5px 20px; }

@media only screen and (min-width:600px) and (max-width:768px) {
.type_tabs div {
    border: 1px solid #8d1779;
    padding: 5px;
    margin: 5px;}
.type_tabs div:hover { border: 2px solid #8d1779; box-shadow: 2px 2px 4px #e8e8e8; color: #000; padding: 4px; }
.type_tabs div.col_5{width: calc(50% - 32px);min-height: 270px;}
img.float_l {
    width: 30% !important;
    height: 235px;
    padding: 0;
}
img.float_l img {width:100% !important;}
.recom {
    width: 70%;
    float: left;
    height: 235px;
    background: #fff;
    padding: 10px 0;
}
}
/**/
.line_m { text-decoration: line-through; margin-right: 7px; color: #999 }
.support li {line-height: 160% !important;}
.fa-exclamation-triangle {color: #ff2d04;/* padding-bottom: 10px;*/}
.step_num { font-size: 14px; color: #8d1779; font-weight: 600; }
.sec_list { clear: both; }
.sec_list li { padding: 5px 0; }
.step_ps { font-size: 12px; color: #888; padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd; }
.step_num_s { font-size: 14px; font-weight: bold; color: #99410b; }
.sec_order dd { text-align: center; margin: 5px 0;}
.sec_order dt { text-align: center; }
.sec_oder_w { width: 100%; padding-bottom: 20px; overflow: hidden; }

.sec_order { float: left; width: 36%; padding: 10px 4px; border: 2px solid #ddd; border-radius: 20px; height: 100px; margin-bottom: 10px; }
.sec_order li { text-align: center; }


.sec_order li:nth-child(1) { padding-top: 45px; }
.arrow_r { float: left; padding: 50px 0; margin: 0 10px; }

/* free_editor */
.list_ctn { border-top: 1px solid #8d1779; }
.list_ctn dl { padding: 10px 0; border-bottom: 1px solid #ddd; }
.list_ctn dl:last-child{/*border:none;*/}
.list_ctn dt, .list_ctn dd{width:100%;}
.list_ctn dt{text-align:center;}
.list_ctn dt img{width:auto !important; height:100% !important; }
.font_p { font-size:20px; color: #aaa; }
.list_ctn2 dt { padding: 20px 4% 0 4%; width:92%;}
.list_ctn2 dd { padding: 10px 4%; width:92%; }
.list_ctn2 dl { margin: 10px 0; background: #f5f5f5; border: 1px solid #ddd; }
.list_ctn2 p { padding:0; }
.n_2_ctnW { width: 100%; float: left; margin: 10px 0; border: 1px solid #ccc; border-radius: 10px; position: relative; }
.n_2_ctn { width: 92%; height:auto;  padding: 4%; }
.n_2_ctn li { text-align: center; }
.n_2_ctn li:nth-child(1) { padding-top: 0; }
.n_2_ctn li:nth-child(2) { margin: 0 ; text-align: left; border-left: 1px solid #8d1779; padding-left: 10px; font-size: 12px; }
.n_2_arrow { display:none; }

@media only screen and (min-width:600px) and (max-width:768px) {
.list_ctn dt {width: 16.66666667%;}
.list_ctn dd {width: 83.33333333%;}
.list_ctn2 dt img{width:auto; display:block; margin: 0 auto;}
}
/* free_log */
.f_l_list { width: 92%; float: left; margin: 10px 4%; }
.f_l_list li { text-align: center; padding: 7px 5px; }
.f_l_list li:nth-child(1) { background: #efefef; border-radius: 10px 10px 0 0; }
.f_l_list li:nth-child(2) { background: #555; color: #fff; border-radius: 0 0 10px 10px; }
.f_l_list span { color: #ffe684; }
.f_l_num { position: absolute; top: 10px; left: 10px; font-size: 14px; font-weight: bold; color: #fff; padding: 2px 7px; background-color: #8d1779; font-family: Nanum_BG; border-radius: 5px; }
.f_l_ctn { width: auto; padding: 40px 20px; border: 1px solid #ddd; border-radius: 5px; line-height: 150%; text-align: center; }
.f_l_point { font-size: 20px; padding-bottom: 10px; font-family: Nanum_BG; line-height:130% }
.f_l_logo { margin: 10px 0; }
.f_l_logo li { text-align: center; display: inline-block; }
.f_l_logo img{width:auto !important; height:100% !important; }
.f_l_txt { padding: 10px 20px; clear: both; width: auto; background: #555; color: #fff; font-size: 12px; border-radius: 5px; text-align: left; }

@media only screen and (min-width:600px) and (max-width:768px) {
.f_l_list {
    width: 42%;}
}
@media (max-width:768px){
	.m_block{display: table-row;  width: 100%;  float: right;}
}

.page_info {padding-bottom: 0px !important;  background:none !important;  margin-top: -20px; height: calc(100%);   display: table-cell !important;}


/* 할인혜택 20170530 */
.hosting_dc .tabs_title { width: 260px; margin: 0 auto; }
.hosting_dc .tabs_title li { border: none; font-size: 0; background: none; height: auto; padding: 0 !important; margin: 0 10px; line-height: 0; }
.hosting_dc .tabs_title li i { display: block; float: none !important; font-size: 30px; width: 40px; }
.hosting_dc .tabs_title li:hover { cursor: pointer; font-weight: 600; margin: 0 10px; }
.hosting_dc .tabs_title li:first-child { padding-left: 0; margin-left: 0; }
.hosting_dc .ui-state-active a, .hosting_dc .ui-state-active a:link, .hosting_dc .ui-state-active a:visited { color: #8d1779 !important; }
.hosting_dc .ui-tabs-nav .ui-tabs-anchor { padding: 0 !important; }
.hosting_dc .ui-tabs-panel { border: none; border-top: 1px solid #8d1779; margin-top: 10px !important; padding: 16px 0 !important; min-height: 90px; color: #666; }
.hosting_dc .fa-5x { display: none }
.hosting_dc h3 { font-size: 16px; width: 60%; color: #000; float: left; margin-bottom: 0; }
.hosting_dc h3:after { font-family: 'FontAwesome'; content: "\f107"; padding-left: 15px; }
.hosting_dc ul.list_style { float: left; }

@media only screen and (min-width:600px) and (max-width:768px) {
.hosting_dc h3 { width: 80%;}
}


.it_contents_ul { overflow: hidden; }
.it_contents_ul ul { margin: 5px 0; }
.it_ctn_ul { margin: 10px 0; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; }
.it_ctn_ul > li { float: left; width: auto; padding: 10px 0; height: 100%; }
.it_ctn_ul > li:nth-child(1) { width: 100%; text-align: center; background: #f4f4f4; font-weight: bold; }
.it_ctn_ul > li:nth-child(2) { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; font-size: 13px }

/*이미지흐스팅 렌더링*/
#imagehosting_greeting_box h1 {font-size:1.5em}


/*새로하는거*/
#imagehosting_greeting_box .section1 {display: block}
#imagehosting_greeting_box .section1 .part1,#imagehosting_greeting_box .section1 .part2 {
    width: 100%;
    padding-bottom:1em;
}
#imagehosting_greeting_box .section2 p.title span {display: block}

#imagehosting_greeting_box .section2 ul {display:block}
#imagehosting_greeting_box .section2 ul li {width:100%;padding:0.4em 1em}
#imagehosting_greeting_box .section2 ul li img {width:100%;height:auto;max-width:200px;}
#imagehosting_greeting_box .section2 .sublink img {width:auto}

#imagehosting_greeting_box .section3 {padding:30px 10px}


#imagehosting_greeting_box .section4 p span {display: block;font-size:inherit}

#imagehosting_greeting_box .section5 {padding:30px}

#imagehosting_greeting_box .section7 ul {display: block}
#imagehosting_greeting_box .section7 ul li {margin-bottom:20px}
#imagehosting_greeting_box .section7 ul li:nth-child(2) {max-width:120px;margin-left:auto;margin-right:auto;}