/*STEP_1*/
.free_logo {margin: 0 0 40px 0 ;}
.free_logo .section_1 {padding: 65px 0 60px 0; background: url('../free_logo/img/free_logo_sec1bg.png') #f1f1f1 no-repeat 510px 25px;}
.free_logo .section_1 h3 {margin: 0 0 20px 100px;}
.free_logo .section_1 p {margin: 0 0 40px 100px;}
.free_logo .section_1 a {margin: 0 0 0 100px;}

.free_logo .section_2 {padding: 130px 0 55px 0; background: url('../free_logo/img/semo_bg.png') repeat-x top #00aeef;}
.free_logo .section_2 h4 {margin:  0 0 0 100px;}
.free_logo .section_2 ul {margin:  50px 0 40px 100px;}
.free_logo .section_2 ul li {float: left; padding: 0 30px;}
.free_logo .section_2 ul:after {content: ""; display: block; clear: both;}
.free_logo .section_2 em {display: block; width: 400px; margin: 0 auto; color: #fff; text-align: center;}

.free_logo .section_2 #slides {position: relative; width: 636px; height: 174px; margin: 0 auto; padding: 30px 0 0 0; display: none;}
.free_logo .section_2 #slides .slides_container {width: 636px; display:none;}
.free_logo .section_2 #slides .slides_container div.slide {width: 636px; height:174px; display:block;}
.free_logo .section_2 #slides .item {float: left; width: 172px; height: 174px; margin:0 20px;}
.free_logo .section_2 #slides a.prev {position: absolute; top: 40%; left: -50px;  width: 21px; height: 64px; display: block; background: url('../free_logo/img/s_prev_btn.png'); text-indent: -9999px; z-index: 9999;}
.free_logo .section_2 #slides a.next {position: absolute; top: 40%; right: -50px; width: 21px; height: 64px; display: block; background: url('../free_logo/img/s_next_btn.png'); text-indent: -9999px; z-index: 9999;}

.free_logo .section_3 {margin: 15px 0 0 0; background: #f1f1f1;}
.free_logo .section_3 h4 {background: #328cc9;}
.free_logo .section_3 .sec_3_img {width: 746px; margin: 0 auto; padding: 45px 0; display: block;}

.free_logo .section_4 {margin: 15px 0 0 0; background: #f1f1f1;}
.free_logo .section_4 h4 {background: #328cc9;}
.free_logo .section_4 .sec_4_img {width: 756px; margin: 0 auto; padding: 45px 0; display: block;}

.free_logo .section_5 {margin: 15px 0 0 0; padding: 0 0 40px 0; background: #f1f1f1;}
.free_logo .section_5 h4 {padding: 15px 0; background: #7e7e7e; text-align: center;}
.free_logo .section_5 ul {margin: 30px 0 0 125px;}
.free_logo .section_5 ul li {font-size: 13px; line-height: 24px;}













/*STEP_2*/
.free_logo_choice {margin: 0 0 40px 0 ; background: #f1f1f1;}
.free_logo_choice .section_1 {padding: 120px 0 50px 0; background: url('../free_logo/img/eld_icon.png') no-repeat 860px 20px;}
.free_logo_choice .section_1 h3 {width: 501px; height: 172px; margin: 0 auto;}

.free_logo_choice .section_2 {padding: 110px 0 65px 0; background: url('../free_logo/img/semo_bg.png') repeat-x top #00aeef;}
.free_logo_choice .section_2 ul {width: 804px; margin: 0 auto 40px auto;}
.free_logo_choice .section_2 ul li {float: left; padding: 0 10px 20px 10px;}
.free_logo_choice .section_2 ul li a {display: block; width: 248px; height: 75px; overflow: hidden; text-indent: -9999px;}
.free_logo_choice .section_2 ul li a.choice_item_01 {background: url('../free_logo/img/choice_item-01.png');}
.free_logo_choice .section_2 ul li a.choice_item_02 {background: url('../free_logo/img/choice_item-02.png');}
.free_logo_choice .section_2 ul li a.choice_item_03 {background: url('../free_logo/img/choice_item-03.png');}
.free_logo_choice .section_2 ul li a.choice_item_04 {background: url('../free_logo/img/choice_item-04.png');}
.free_logo_choice .section_2 ul li a.choice_item_05 {background: url('../free_logo/img/choice_item-05.png');}
.free_logo_choice .section_2 ul li a.choice_item_06 {background: url('../free_logo/img/choice_item-06.png');}
.free_logo_choice .section_2 ul li a.choice_item_07 {background: url('../free_logo/img/choice_item-07.png');}
.free_logo_choice .section_2 ul li a.choice_item_08 {background: url('../free_logo/img/choice_item-08.png');}
.free_logo_choice .section_2 ul li a.choice_item_09 {background: url('../free_logo/img/choice_item-09.png');}
.free_logo_choice .section_2 ul li a.choice_item_10 {background: url('../free_logo/img/choice_item-10.png');}
.free_logo_choice .section_2 ul li a.choice_item_11 {background: url('../free_logo/img/choice_item-11.png');}
.free_logo_choice .section_2 ul li a.choice_item_12 {background: url('../free_logo/img/choice_item-12.png');}
.free_logo_choice .section_2 ul li a.choice_item_13 {background: url('../free_logo/img/choice_item-13.png');}
.free_logo_choice .section_2 ul li a.choice_item_14 {background: url('../free_logo/img/choice_item-14.png');}
.free_logo_choice .section_2 ul li a.choice_item_15 {background: url('../free_logo/img/choice_item-15.png');}
.free_logo_choice .section_2 ul li a:hover {background-position: 0 -75px;}
.free_logo_choice .section_2 ul:after {content: ""; display: block; clear: both;}
.free_logo_choice .section_2 a.viewAll_btn {display: block; width: 625px; height: 50px; margin: 0 auto; color: #00aeef; background: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 50px;}

/*STEP_3*/
.free_logo_input {margin: 0 0 40px 0; padding: 85px 0; background: url('../free_logo/img/eld_icon.png') #f1f1f1 no-repeat 860px 20px;}
.free_logo_input h3 {width: 356px; margin: 0 auto 60px auto;}
.free_logo_input .input_area {width: 400px; margin: 0 auto;}
.free_logo_input .input_area label.input_1 {display: block; width: 213px; margin: 0 auto;}
.free_logo_input .input_area label.input_2 {display: block; width: 117px; margin: 0 auto;}
.free_logo_input .input_area input[type="text"] {width: 400px; height: 40px; margin: 15px 0 30px 0; border: 3px solid #00aeef; border-radius: 15px; text-align: center; line-height: 40px;}
.free_logo_input .input_area input[type="button"] {width: 238px; height: 60px; display: block; margin: 0 auto; background: #00aeef; border: none; color: #fff; font-size: 16px; font-weight: bold;}

/*STEP_4*/
.free_logo_confirm {padding: 65px 0; margin: 0 0 40px 0; background: url('../free_logo/img/eld_icon.png') #f1f1f1 no-repeat 860px 20px;}
.free_logo_confirm .section_1 {width: 900px; margin: 0 auto;}
.free_logo_confirm .section_1:after {content: ""; display: block; clear: both;}

.free_logo_confirm .section_1 .design_img {float: left; width: 440px; height: 440px; margin: 30px 0 0 0; background: #fff; border: 1px solid #000;}
.free_logo_confirm .section_1 .design_img img {display: block; width: 400px; margin: 20px auto 0 auto;}

.free_logo_confirm .section_1 .downloads {float: right; width: 400px;}
.free_logo_confirm .section_1 .downloads div {padding: 25px 0; border-bottom: 1px solid #cecece;}
.free_logo_confirm .section_1 .downloads div p {margin: 10px 0 0 0;}
.free_logo_confirm .section_1 .downloads div.designUp {border: none;}
.free_logo_confirm .section_1 .downloads a {text-indent: -9999px; margin: 20px 0 0 0;}
.free_logo_confirm .section_1 .downloads .web_down a {display: block; width: 186px; height: 40px; background: url('../free_logo/img/web_down_btn.png'); overflow: hidden;}
.free_logo_confirm .section_1 .downloads .print_down a {display: block; width: 186px; height: 40px; background: url('../free_logo/img/print_down_btn.png'); overflow: hidden;}
.free_logo_confirm .section_1 .downloads .designUp a {display: block; width: 186px; height: 40px; background: url('../free_logo/img/design_up_btn.png'); overflow: hidden;}
.free_logo_confirm .section_1 .downloads a:hover {background-position: 0 -40px;}

.free_logo_confirm .section_2 {width: 900px; margin: 0 auto; padding: 70px 0 0 0;}
.free_logo_confirm .section_2 h3 {margin: 0 0 10px 0;}

.free_logo_confirm .section_2 .tabBox {margin: 30px 0 0 0;}
.free_logo_confirm .section_2 .tabBox:after {content: ""; display: block; clear: both;}
.free_logo_confirm .section_2 .tabBox ul.tab li {float: left; width: 450px; height: 45px; background: #d3d3d3; font-size: 18px; text-align: center;line-height: 45px;}
.free_logo_confirm .section_2 .tabBox ul.tab li a {display: block; width: 450px; height: 45px; color: #fff;}
.free_logo_confirm .section_2 .tabBox ul.tab li.on {background: #00aeef;}

.free_logo_confirm .section_2 .tabBox ul.panel {clear: both;}
.free_logo_confirm .section_2 .tabBox ul.panel li {width: 894px; height: 200px; background: #fff; border: 3px solid #00aeef; display: none;}
.free_logo_confirm .section_2 .tabBox ul.panel li.on {display: block;}

.free_logo_confirm .section_2 .prdt_list_top {margin: 15px 0 0 0;display: block;clear: both;}
.free_logo_confirm .section_2 .prdt_list_top:after {content: ""; display: block; clear: both;}
.free_logo_confirm .section_2 .prdt_list {float: left;}
.free_logo_confirm .section_2 .prdt_list ul li {float: left; width: 440px; margin: 0 20px 20px 0; background: #c1c1c1;}

.free_logo_confirm .section_2 .prdt_list ul li>img {display: block; padding: 40px 0; margin: 0 auto;}
.free_logo_confirm .section_2 .prdt_list ul li div {padding: 20px 0; background: #dedede;}
.free_logo_confirm .section_2 .prdt_list ul li div .template_span {margin: 0 100px 0 60px;}

/*DESIGN UPGRADE*/
.free_logo_designup {background: #f3f3f3; margin: 0 0 50px 0;}
.free_logo_designup .section_1 {padding: 100px 0 60px 0; text-align: center;}
.free_logo_designup .section_1>h3 {padding: 0 0 30px 0;}
.free_logo_designup .section_1 img.upimg {margin: 0 0 0 40px;}
.free_logo_designup .section_1 p.typo {padding: 20px 0 0 0; font-weight: bold;}

.free_logo_designup .section_2 {padding: 0 0 70px 0; background: url("../free_logo/img/bgbgbg.jpg");}
.free_logo_designup .section_2:after {content: ""; display: block; clear: both;}

.free_logo_designup .section_2>h3 {padding: 50px 0 50px 0; text-align: center;}

.free_logo_designup .section_2 .info_box_1 {width: 835px; height: 110px; margin: 0 auto; background: url('../free_logo/img/info_box_1bg.png') #fff no-repeat left top; text-align: center;}
.free_logo_designup .section_2 .info_box_1 img {margin: 45px 0 0 0;}
/*.free_logo_designup .section_2 .info_box_1 img:first-child {padding: 50px 0 0 0;}*/
.free_logo_designup .section_2 .info_box_2 {width: 835px; height: 270px; margin: 20px auto 20px auto; background: url('../free_logo/img/info_box_2bg.png') #fff no-repeat left top; text-align: center;}
.free_logo_designup .section_2 .info_box_2 img {margin: 20px 0 0 0;}
.free_logo_designup .section_2 .info_box_3 {width: 835px; height: 170px; margin: 0 auto; background: url('../free_logo/img/info_box_3bg.png') #fff no-repeat left top;}
.free_logo_designup .section_2 .info_box_3 img {display: block; margin: 0 auto; padding: 35px 0 0 0;}

/*※ 정보를 입력하시고 결제하시면 완료됩니다 ※*/
.free_logo_designup .designUpOrder {position: relative; width: 764px; margin: 60px auto 0 auto; padding: 0 0 150px 0;}
.free_logo_designup .designUpOrder:after {content: ""; display: block; clear: both;}
.free_logo_designup .designUpOrder>p {padding: 0 0 30px 0; font-size: 28px; font-weight: bold; text-align: center;}

/*내가디자인한로고*/
.free_logo_designup .designUpOrder .logo_preview {float: left; width: 388px; height: 388px; margin: 0 20px 0 0; background: #fff;}
.free_logo_designup .designUpOrder .logo_preview h4 {width: 388px; padding: 7px 0; background: #000; color: #fff; font-weight: bold; text-align: center;}

/*변경컬러선택하기*/
.free_logo_designup .designUpOrder .chg_input {float: left;}
.free_logo_designup .designUpOrder .color_choice {width: 356px; height: 150px; background: #fff; margin: 0 0 18px 0;}
.free_logo_designup .designUpOrder .color_choice h4 {width: 356px; padding: 7px 0; background: #000; color: #fff; font-weight: bold; text-align: center;}
.free_logo_designup .designUpOrder .color_choice .radio_btns {margin: 20px 0 0 30px; width: 296px;}
.free_logo_designup .designUpOrder .color_choice .radio_btns label {margin: 0 5px 10px 2px; display: inline-block;}
.free_logo_designup .designUpOrder .color_choice .radio_btns input[type="text"] {width: 100px; height: 18px;}
/*요청내용 참고자료, 참고사항 작성*/
.free_logo_designup .designUpOrder .text_input {width: 356px; height: 220px; background: #fff;}
.free_logo_designup .designUpOrder .text_input h4 {width: 356px; padding: 7px 0; background: #000; color: #fff; font-weight: bold; text-align: center;}
.free_logo_designup .designUpOrder .text_input textarea {width: 316px; height: 160px; margin: 10px 0 0 20px; border: none;}
/*결제하기*/
.free_logo_designup .designUpOrder .chg_input .order_btn {text-align:center;position: absolute; bottom: 50px; right: 50%; left: 270px;  width: 270px; height: 40px; background: #000; color: #fff; border: none; font-size: 18px; /*font-weight: bold;*/ letter-spacing: 3px; cursor: pointer;padding-top:10px;}

/*.free_logo_designup .designUpOrder .chg_input p {position: absolute; bottom: -135px; right: 50%; left: 270px;  width: 270px; height: 20px; text-align: center;}*/



/*저장한 로고 디자인 리스트*/
.free_logo_saveList {margin: 0 0 40px 0 ; background: #f1f1f1;}
.free_logo_saveList .section_1 {padding: 100px 0 50px 0; background: url('../free_logo/img/eld_icon.png') no-repeat 860px 20px;}
.free_logo_saveList .section_1 h3 {width: 501px; margin: 0 auto;}
.free_logo_saveList .section_2 {padding: 110px 0 65px 0; background: url('../free_logo/img/semo_bg.png') repeat-x top #00aeef;}
.free_logo_saveList .section_2 ul {width: 956px; margin: 0 auto;}
.free_logo_saveList .section_2 ul:after {content: ""; display: block; clear: both;}
.free_logo_saveList .section_2 ul li.item {float: left; padding: 10px;background-color: #ffffff;margin:10px;}
.free_logo_saveList .section_2 ul li.item img {display: block; margin: 0 0 7px 0;width:276px;}
.free_logo_saveList .section_2 ul li.item button {border: none; font-size: 14px; font-weight: 600; color: #fff;}
.free_logo_saveList .section_2 ul li.item button.order {width: 258px; height: 50px; background: #d40000; margin-left:7px;}
.free_logo_saveList .section_2 ul li.item button.del {width: 116px; height: 50px; margin: 0 0 0 10px; background: #bbb;}

.free_logo_saveList .section_2 ul li.item button.order:hover {background: orange;}
.free_logo_saveList .section_2 ul li.item button.del:hover {background: #000;}





/*////////////////////////////////// uc_editor /////////////////////////////////////////////*/
.uxedit_editor {
    display:none;
    position:absolute;
    z-index:9999;
    left:0;
    top:70px;
    height:100%;
    width:100%;
    /*
    background:rgba(0,0,0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c000000', endColorstr='#6c000000');
        */
}
.uxedit_editor_content {
    margin:0 auto;
}

.uxedit_loading {
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(255,255,255, .8);
    background-image:url('../image/loading33.gif');
    background-position:50% 50%;
    background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
}


/*181023 - YUN모달크기 */
#div_ips .modal-dialog {
	display:table;
	margin-top: 50px;
		width: auto;
}
#div_ips .modal-content {
	padding:0;
	overflow:hidden;
	border-radius:0;
}
#div_ips .modal-body {
	padding:15px;
}
#div_ips .modal-footer {
	padding: 0px;
}
#div_ips .modal-footer button {
	width: 100%;
	padding: 3px;
	font-size: 14px;
	font-weight: 800;
	background-color: #5ab2d8;
	border: none;
	color: #fff;
	/* border-radius: 0 0 5px 5px; */
}
#div_ips .modal-footer button:hover {
	background: #47a5ce;
}
#iframe_ips {
	margin: 0 auto;
	display: block;
}