body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a,pre{ padding: 0px; margin: 0px; font-family: 'NanumSquare', sans-serif; font-size: 16px; color: #333333; font-weight: normal; white-space:-1px;  }
img{ border: none; padding: 0px; vertical-align: middle;}
li{ list-style: none; }
a{ text-decoration: none; outline:none; select-dummy: expression(this.hideFocus=true); width:100%}
table{ border-spacing: 0px; border-collapse: collapse; }
header, section, footer, nav, article, aside, figure{ padding:0px; margin:0px; display: block; }
fieldset{ border: none; }
legend,caption{ display: none; }
address{ font-style: normal;}

/*common*/
.wrap_all{width:100%; min-width:1360px; overflow: hidden; position:relative;}
.main_header{width:100%; overflow:hidden; position:absolute; height:66px; background-color:#fff;border-bottom:1px solid #c3c3c3; z-index:2; }
.cb{content:""; display:block; clear:both}
.lf{float:left;}

/*header*/
.header_logo{float:left; padding:5px 27px; margin-right:55px; width:180px; height:53px}
.header_search{padding:14px;}
.header_search input[type=text]{padding:9px; font-size:.9em; border:1px solid #dadada; margin-right:5px; }

.search_btn{width:41px; height:36px; border:none; background:url(../img/main/search_i.png)no-repeat; background-position:12px; background-color:#fff;
cursor:pointer; border:1px solid #dadada; vertical-align:top; position:relative; left:-50px}

.langs{width:157px; text-align: center; position:absolute; top:26px; right:0; color:#c3c3c3}
.langs a{padding:0 12px; }
.langs a:first-child{color:#a5a5a5; font-weight: 600; font-size:.9em }
.langs a:last-child{font-weight: 600;color:#a5a5a5; font-size:.9em}
.langs a:last-child:hover{font-weight: 600;color:#ff6d33; font-size:.9em}
.langs a:last-child:active{font-weight: 600;color:#ff6d33; font-size:.9em}
.langs a:last-child:visited{font-weight: 600;color:#ff6d33; font-size:.9em}

/*left menu*/
.left_menu_wrap{width:233px; height:100%; background-color:#f5f5f5; position:absolute; top:66px; box-shadow:1px 1px 2px #cccccc; z-index:1}

.menu_icon1{ background: url(../img/main/menu_icon1.png)no-repeat; background-position-x:30px; background-position-y:15px;}
.menu_icon1:hover{ background:url(../img/main/menu_icon1_1.png)no-repeat; background-color:#67a039; color:#fff; background-position-x:30px; background-position-y:15px}

.menu_icon2{ background: url(../img/main/menu_icon2.png)no-repeat; background-position-x:33px; background-position-y:13px;}
.menu_icon2:hover{ background:url(../img/main/menu_icon2_1.png)no-repeat; background-color:#444; color:#fff; background-position-x:33px;background-position-y:13px}

.menu_icon3{ background: url(../img/main/menu_icon3.png) no-repeat; background-position-x:31px; background-position-y:12px}
.menu_icon3:hover{ background:url(../img/main/menu_icon3_1.png) no-repeat; background-color:#e95c24; color:#fff; background-position-x:31px; background-position-y:12px}

.menu_icon4{ background: url(../img/main/menu_icon4.png)no-repeat;background-position-x:30px;background-position-y:13px;border-bottom:1px solid #c3c3c3}
.menu_icon4:hover{ background:url(../img/main/menu_icon4_1.png)no-repeat;background-color:#ed3b3b; color:#fff; background-position-x:30px; background-position-y:13px}

.menu_icon1 span{margin-left:70px;}
.menu_icon2 span{margin-left:70px;}
.menu_icon2:hover a span{color:#fff;}
.menu_icon3 span{margin-left:70px;}
.menu_icon3:hover a span{color: #fff;}
.menu_icon4 span{margin-left:70px;}

.left_menu>a>li{border-top:1px solid #d1d1d1; padding:16px 0;}

.depth_show1:hover {color:#fff;}
.depth_show2:hover {color:#fff;}
.depth_show1>a{padding:16px 0; border-top:1px solid #d1d1d1; display:block;}
.depth_show2>a{padding:16px 0; border-top:1px solid #d1d1d1; display:block; font-size:15px;}
.depth_menu1{padding: 15px 80px; background-color: #fff; border-top:1px solid #d1d1d1; display:none}
.depth_menu2{padding: 15px 80px; text-align: left;  background-color: #fff; border-top:1px solid #d1d1d1; display:none}
.depth_menu1>li{padding:8px 0;}
.depth_menu2>li{padding:8px 0;}
.depth_menu1>li>a:hover{color:#ec5b24; text-decoration:underline}
.depth_menu2>li>a:hover{color:#ec5b24; text-decoration:underline}

.depth_menu1>li>a.active{color:#ec5b24; text-decoration:underline}
.depth_menu2>li>a.active{color:#ec5b24; text-decoration:underline}


/* contents */
.contents{margin-left:234px; background-color:#f9f9f9; overflow:hidden; height:100%; min-width:1150px;}
.contents_bg{height:100%; background:url(../img/main/con_en_bg.jpg)no-repeat; padding-top:100px; position: relative;}
.con_top button{position:absolute; right:30px; top:50px; width:69px; height:34px; background-color:#ee6b1f; color:#fff; border:none; }

.con_btm button{position:absolute; right:30px; top:390px; width:69px; height:34px; background-color:#ee6b1f; color:#fff; border:none; }

.con_text{margin-right:50px; line-height: 1.2}

.con_top strong{color:#ee6a1f}
.con_btm strong{color:#3d5d8d}
.con_top p:first-child, .con_btm p:first-child{font-size:2.2em; margin-bottom:6px}
.con_top p:nth-child(2), .con_btm p:nth-child(2){line-height: 1.5; padding-top:4px;}
.con_top, .con_btm{overflow:hidden}
.con_text{margin:0 65px 0 100px;width:200px}
.con_top>.con_app{ height:250px; padding-bottom:50px}
.con_app{width:100%; height:250px; margin-bottom:40px;}



.app_list{display:inline-block; width:156px; height:218px; box-shadow:1px 1px 10px #c3c3c3; background-color:#fff; padding-top:18px; margin:0 5px 110px 0}
.app_list img{width:102px; height:102px; margin:0 27px}
.app_list dt:nth-child(2){padding:15px 26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:90px}
.sub_text{padding:0 0 8px 26px; font-size:.9em;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; width:100px;}
.sub_shape{padding:0 26px; font-size:.9em}

/* 앱 추천하기 */
.popup_wrap{width:100%;}
#overlay_t { background-color: #fff; bottom: 0; left: 0; opacity: 0.9; filter: alpha(opacity = 90); /* IE7 & 8 */ position: fixed; right: 0; top: 0;  display:none; z-index:2;}

#popup_layer {width:310px; height:430px; display:none; background-color:#fff; background:#fff; z-index:2; box-shadow: 0 -1px 8px #e3e3e3; border-radius:25px; position:absolute; margin:0 46%; left:-100px; top:28%;}

#popup_layer span {width:310px; height:70px; box-sizing: border-box; padding:30px;background-color:#ea4c4c; color:#fff; border-radius:25px 25px 0 0; position:absolute; font-size:1.1em;  box-shadow: 0 -1px 8px #e3e3e3;}
.close{position:absolute; right:0; margin:27px}

.popup_text{position:absolute; top:80px; padding-left:50px;}
.popup_text p{padding:20px 0 5px 0; font-size:.9em; }
.popup_text input[type=text]{padding:5px; border-radius: 8px; border:none; border:1px solid #dfdede; background-color:#f5f4f4; width:200px;}

.popup_text #popup_content{width:200px; height:60px; padding:5px; border-radius: 8px; border:none; border:1px solid #dfdede; background-color:#f5f4f4; overflow: hidden; resize:none;}

input[type=text]::-ms-clear {display:none;}

.popup_text [type=submit]{width:100px; padding:8px; border-radius: 25px; border:none; background-color:#ea4c4c; color:#fff; top:280px; position:absolute; right:57px;}

/* footer */
.footer{width:100%; margin-left:234px; padding:29px 55px; background-color:#f5f5f5; border-top:1px solid #c3c3c3; }
.footer p{font-size:.9em; padding:2px 0;color:#818181;}
.footer p:last-child{margin-top:6px; font-size:.8em;}

.ava_btn_wrap { position:relative;}
.ava_more { margin-top:15px; display:inline-block; }
.left_ava_more {  margin:35px 20px; display:inline-block;}
.ava_btn { letter-spacing:-.5px; background:#ee6b1f;  color:#fff; position:relative; display:inline-block; transform:rotate(-0.03deg); box-sizing:border-box;  font-size:15px; padding:7px 35px 7px 20px;}
.ava_btn_wrap::before { content:''; display:inline-block; width:1px; height:10px; background:#fff; transform:rotate(225deg) translateY(-50%); top:40%; position:absolute; right:20px; z-index:1;}
.ava_btn_wrap::after { content:''; display:inline-block; width:1px; height:10px; background:#fff; transform:rotate(-45deg) translateY(-50%); top:40%; position:absolute; right:20px; z-index:1;}

.ava_btn::before { width:0; height:100%;  transition:.3s ease;background:#8437c5; content:''; left:0; top:0; position:absolute;z-index:-1;}
.ava_btn:hover::before {width:100%; }

.left_ava_more .ava_btn {padding:8px 16px 7px 23px;}